FLEX例子之高级数据表(AdvancedDataGrid)

最新推荐文章于 2025-06-12 14:16:17 发布

转载最新推荐文章于 2025-06-12 14:16:17 发布 · 3.8k 阅读

文章标签：

#flex #application #datagrid #layout #encoding #import

Flex 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了一个使用 Flex 框架实现的数据网格控件示例，该控件能够展示来自不同区域的销售代表的实际销售额与预估销售额，并通过多重分组功能实现了清晰的数据分类与展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
 
            [Bindable]
            private var dpFlat:ArrayCollection = new ArrayCollection([
              {Region:"Southwest", Territory:"Arizona", 
                  Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
              {Region:"Southwest", Territory:"Arizona", 
                  Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
              {Region:"Southwest", Territory:"Central California", 
                  Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
              {Region:"Southwest", Territory:"Nevada", 
                  Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
              {Region:"Southwest", Territory:"Northern California", 
                  Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
              {Region:"Southwest", Territory:"Northern California", 
                  Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
              {Region:"Southwest", Territory:"Southern California", 
                  Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
              {Region:"Southwest", Territory:"Southern California", 
                  Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000},
              {Region:"NorthEast", Territory:"New York", 
                  Territory_Rep:"Jose Rodriguez", Actual:26992, Estimate:30000}, 
              {Region:"NorthEast", Territory:"New York", 
                  Territory_Rep:"lisa Sims", Actual:47885, Estimate:50000},  
              {Region:"NorthEast", Territory:"Massachusetts", 
                  Territory_Rep:"kelly o'connell", Actual:172911, Estimate:20000}, 
              {Region:"NorthEast", Territory:"Pennsylvania", 
                  Territory_Rep:"John Barnes", Actual:32105, Estimate:30000},
              {Region:"MidWest", Territory:"Illinois", 
                  Territory_Rep:"Seth Brown", Actual:42511, Estimate:40000}
            ]);
        ]]>
    </mx:Script>
    <mx:Panel title="AdvancedDataGrid Control" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500"
         paddingTop="5" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:AdvancedDataGrid id="myADG" width="100%" height="100%" color="0x323232" initialize="gc.refresh();">    <!--调用refresh()来更新视图-->    
            <mx:dataProvider>
                <mx:GroupingCollection id="gc" source="{dpFlat}">
                        <mx:Grouping>
                        <!--这个grouping的作用是指示生成的列表按照哪个字段进行排序，如果不设置，显示	效果则
　　　　　　　　　　　　　　　　与datagrid一样，设置了Ｎ个，则显示出Ｎ级目录-->
                            <mx:GroupingField name="Region"/>
                            <mx:GroupingField name="Territory"/>
                        </mx:Grouping>
                </mx:GroupingCollection>
            </mx:dataProvider>        
 
            <mx:columns><!--这里是设定列标题-->
                <mx:AdvancedDataGridColumn dataField="Region"/>
                <mx:AdvancedDataGridColumn dataField="Territory"/>
                <mx:AdvancedDataGridColumn dataField="Territory_Rep"
                    headerText="Territory Rep"/><!--指定了headerText则显示此内容,默认显示dataField的内容-->
                <mx:AdvancedDataGridColumn dataField="Actual"/>
                <mx:AdvancedDataGridColumn dataField="Estimate"/>
            </mx:columns>
       </mx:AdvancedDataGrid>
 
    </mx:Panel>
</mx:Application>

本文转自：http://www.joelove.cn/4lone/535.html