图3.1.7 Alert示例 1.4.6 AdvancedDataGrid组件 与HTML页面的表格类似,AdvancedDataGrid组件用于以行、列的格式显示数据。 图3.1.8 AdvancedDataGrid示例 图3.1.9 AdvancedDataGrid示例 (2)对数据进行分组。 对数据进行分组是AdvancedDataGrid的常见要求。 以商品分类为例,对数据进行分组的步骤如下: Ø 从<mx: AdvancedDataGrid>标签中移除dataProvider属性,并在<mx: AdvancedDataGrid>组件中插入一个<mx 2.5.1 在两个AdvancedDataGrid之间拖放 在两个AdvancedDataGrid之间实现拖放的步骤如下: (1)在源AdvancedDataGrid(命名为adgFrom)中将dropEnabled 中拖曳一行数据到目标AdvancedDataGrid中。
color="#E2EDF7"/> </s:fill> </s:Rect> <s:Button id="btnLoad" x="465" y="242" label="加载远程数据 "/> <mx:AdvancedDataGrid "price"/> <mx:AdvancedDataGridColumn headerText="商品类别 " dataField="catalog"/> </mx:columns> </mx:AdvancedDataGrid <s:Button id="btnLoad" x="465" y="242" label="加载远程数据 " click="btnLoad_clickHandler(event)"/> <mx:AdvancedDataGrid "price"/> <mx:AdvancedDataGridColumn headerText="商品类别 " dataField="catalog"/> </mx:columns> </mx:AdvancedDataGrid width="557" height="376" title="使用HttpService 与后台通信" horizontalCenter="0" verticalCenter="0"> <mx:AdvancedDataGrid
</fx:Declarations> <s:Panel x="71" y="42" width="411" height="310" title="ArrayCollection 演示"> <mx:AdvancedDataGrid ="bookType"/> <mx:AdvancedDataGridColumn headerText="名称" dataField="bookName"/> </mx:columns> </mx:AdvancedDataGrid 图2.1.1 ArrayCollection组件演示 在图2.1.1中,单击“载入数据”按钮可以加载bookArrayCollection数据到AdvancedDataGrid中;单击“删除数据”按钮可以删除 AdvancedDataGrid中选中的行;单击“选择类型”下拉框, 可以根据书籍类型过滤AdvancedDataGrid中的数据。 > <s:Panel width="489" height="409" horizontalCenter="0" verticalCenter="0" title="E4X操作XML"> <mx:AdvancedDataGrid
<mx:AdvancedDataGrid x="21" y="10" id="adg1" designViewDataType="flat" dataProvider="{CustomModel.getInstance </fx:Declarations> <s:Panel width="336" height="265" horizontalCenter="0" verticalCenter="0"> <mx:AdvancedDataGrid dataField="pname"/> <mx:AdvancedDataGridColumn headerText="价格" dataField="price"/> </mx:columns> </mx:AdvancedDataGrid </fx:Declarations> <s:Panel width="336" height="265" horizontalCenter="0" verticalCenter="0"> <mx:AdvancedDataGrid dataField="pname"/> <mx:AdvancedDataGridColumn headerText="价格" dataField="price"/> </mx:columns> </mx:AdvancedDataGrid
集合的使用者: AdvancedDataGrid、ButtonBar、Charting components including、Legends、ColorPicker、ComboBox、 Menu
-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:AdvancedDataGrid x="102" y="11" id="adg1" designViewDataType content"/> <mx:AdvancedDataGridColumn headerText="发布者" dataField="publisher"/> </mx:columns> </mx:AdvancedDataGrid -- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:AdvancedDataGrid x="83" y="10" id="adg1" designViewDataType content"/> <mx:AdvancedDataGridColumn headerText="发布者" dataField="publisher"/> </mx:columns> </mx:AdvancedDataGrid