Flex 3 构建高级用户界面 创建项目编辑器1

条目编辑器使你可以修改列表空间中每一个小单元的值。DataGrid,List和Tree空间支持条目编辑器。

连接：Adobe® Flex™也支持条目渲染器——制定组件如何显sdfs示数据。

DataGrid,List和Tree控件包含editable属性。如果把这个属性设置为true，那么用户就可以编辑这个控件的内容。默认情况下，editable属性等于false，这意味着你将不能编辑单元格

有很多种途径创建和使用列表编辑器：

使用默认列表编辑器

使用drop in 列表编辑器

创建内联列表编辑器

创建可重用的列表编辑器

使用一个组件作为列表编辑器

使用默认列表编辑器

默认的，Flex认为列表编辑器向列表控件返回单一的值。你可以使用列表控件的editorDataField 属性来指定一个包含新值的列表编辑器的属性。Flex会把值转换成适当的数据类型。

默认的列表编辑器是TextInput控件。所以editorDataField 的默认值是text,相当与TextInput控件的text属性。

下边的例子包含一个editable属性被置为true的DataGrid控件。这个例子没有使用自定义的列表编辑器，所以DataGrid控件使用了默认的列表编辑器。通过单击后显示的TextInput控件，你可以在每个字段内修改值

提示：对于DataGrid控件，把editable属性的值置为true可以使网格中的所有列处于可编辑状态。也可以设置DataGridColumn的editable属性为false，从而是任何一个列处于不可编辑状态

数据模型(artwork.xml)

<artwork> <piece> <name>The Wall</name> <image>artwork1.jpg</image> <price>250</price> <quantity>5</quantity> </piece> <piece> <name>Blue Flake</name> <image>artwork5.jpg</image> <price>400</price> <quantity>2</quantity> </piece> <piece> <name>Butterfly</name> <image>artwork6.jpg</image> <price>375</price> <quantity>17</quantity> </piece> </artwork>

MXML 文件

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/ItemEditorDefault/index.html" width="450" height="140" > <mx:Model id="artwork" source="model/artwork.xml"/> <mx:DataGrid rowCount="4" dataProvider="{artwork.piece}" editable="true" /> </mx:Application>