DataGrid的用法

最新推荐文章于 2021-02-20 10:39:14 发布

最新推荐文章于 2021-02-20 10:39:14 发布 · 64 阅读

本文介绍了一种利用DataGrid组件结合XML数据源展示员工信息的方法。通过设置DataGrid的数据提供者(dataProvider)属性为XML数据，实现了员工姓名和电话号码的列表显示，并允许编辑电话号码字段。

注意：遍历数据主要是依靠提供的dataProvider属性

<mx:XMLList id="employees">
<employee>
<name>Christina Coenraets</name>
<phone>555-219-2270</phone>
</employee>
<employee>
<name>Joanne Wall</name>
<phone>555-219-2012</phone>
</employee>
<employee>
<name>Maurice Smith</name>
<phone>555-219-2012</phone>
</employee>
<employee>
<name>Mary Jones</name>
<phone>555-219-2000</phone>
</employee>
</mx:XMLList>

<mx:DataGrid x="2.6" y="1" width="98%" height="98%" dataProvider="{employees}" editable="true" borderStyle="none" >
<mx:columns>
<mx:DataGridColumn headerText="属性名称" dataField="name" editable="false"/>
<mx:DataGridColumn headerText="属性值" dataField="phone" editable="true"/>
</mx:columns>
</mx:DataGrid>