Flex中如何通过设置editable属性创建一个可编辑的DataGrid控件的例子

By Minidxer | May 12, 2008

接下来的例子演示了如何在Flex中通过设置DataGrid控件和DataGridColumn 对象的editable属性，创建一个可编辑的DataGrid(下面demo中第一列不可编辑，第二列score为可编辑列)。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里查看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ArrayCollection id="arrColl">
  8.         <mx:source>
  9.             <mx:Array>
  10.                 <mx:Object label="Student A" score="85" />
  11.                 <mx:Object label="Student B" score="48" />
  12.                 <mx:Object label="Student C" score="71" />
  13.                 <mx:Object label="Student D" score="88" />
  14.                 <mx:Object label="Student E" score="24" />
  15.                 <mx:Object label="Student F" score="64" />
  16.                 <mx:Object label="Student G" score="76" />
  17.                 <mx:Object label="Student H" score="76" />
  18.                 <mx:Object label="Student I" score="93" />
  19.                 <mx:Object label="Student J" score="88" />
  20.                 <mx:Object label="Student K" score="48" />
  21.                 <mx:Object label="Student L" score="76" />
  22.             </mx:Array>
  23.         </mx:source>
  24.     </mx:ArrayCollection>
  25.  
  26.     <mx:DataGrid id="dataGrid"
  27.             dataProvider="{arrColl}"
  28.             editable="true"
  29.             rowCount="8">
  30.         <mx:columns>
  31.             <mx:DataGridColumn dataField="label"
  32.                     editable="false" />
  33.             <mx:DataGridColumn dataField="score"
  34.                     editable="true" />
  35.         </mx:columns>
  36.     </mx:DataGrid>
  37.  
  38. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | 1 Comment » | 273 views Tags: , , ,

Related Post

One comment | Add One

Trackbacks

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

赞助商链接

Categories

Archives

Blogroll