Flex 对DataGrid进行增删改操作

最新推荐文章于 2013-11-28 23:08:46 发布

原创最新推荐文章于 2013-11-28 23:08:46 发布 · 3.7k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#datagrid #flex #function #button #email

flex 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用 Flex 进行数据管理的应用实例，展示了如何通过增删改功能实现数据的动态更新。该应用包括了数据的展示、增加、修改及删除等操作，并通过 DataGrid 控件进行数据展示。

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script>  </mx:Script> <mx:ApplicationControlBar x="151" y="61" width="539" height="29"> <mx:Label text="增删改功能" width="67"/> <mx:CheckBox id="ch" label="显示" change="isv()"/> </mx:ApplicationControlBar> <mx:Panel x="151" y="98" width="539" id="pa" height="297" layout="absolute" headerHeight="6" color="#0B333C" visible="false"> <mx:Label x="10" y="10" text="姓名：" fontSize="12"/> <mx:Label x="162" y="10" text="电话：" fontSize="12"/> <mx:Label x="298" y="10" text="电子邮件：" fontSize="12"/> <mx:TextInput x="46" y="10" width="108" id="a"/> <mx:TextInput x="198" y="10" width="92" id="b"/> <mx:TextInput x="362" y="10" width="138" id="c"/> <mx:Button x="61" y="40" id="ba" label="增加" fontSize="12" click="add()"/> <mx:Button x="138" y="40" label="撤销" click="cc()" fontSize="12"/> <mx:DataGrid id="dg" x="10" y="81" width="490" dataProvider="{datas}"> <mx:columns> <mx:DataGridColumn headerText="姓名" dataField="username"/> <mx:DataGridColumn headerText="电话" dataField="phone"/> <mx:DataGridColumn headerText="邮件" dataField="email"/> <mx:DataGridColumn headerText="操作" > <mx:itemRenderer> <mx:Component> <mx:HBox> <mx:Button label="修改" fontSize="12" click="outerDocument.update()"/> <mx:Button label="删除" fontSize="12" click="outerDocument.deletedate()"/> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> </mx:Panel> </mx:Application>