0

私はxmlファイルを持っています

<Column id="first name" headerLabel="first name" dataField="first name" />
<Column id="regionName" headerLabel="Region" dataField="region_name" />" 
<Column id="lastname" headerLabel="last_name" dataField="last_name"/>

バックエンドからデータを取得して変数に保存することに成功したので、この列名をデータグリッドに割り当てたいのですが、高度なデータグリッドに表示したいだけです。書かれた例で？

<mx:AdvancedDataGrid 
  id="list"
  dataProvider="{data}"                      
  columns = ?/>

私のxmlファイル名がassets/config/rumpy.xmlにあり、そこからヘッダーフィールドを使用して列名を取得したい場合、このコードを使用しています。

4

1 に答える 1

0

この XML を XMLList に変換し、その要素を繰り返しながらデータ グリッドに列を追加することをお勧めします。

デフォルトでは、データ グリッド列の空のセットを決定する必要があります。私の例では、そうしないと、2 倍の列が得られます。これは、グリッドがデータ プロバイダーの構造に従って列を自動的に定義できるためです。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" 
           minWidth="955" minHeight="600" creationComplete="init(event)">

<fx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
        import mx.events.FlexEvent;
        private var columnList:XMLList;

        [Bindable]private var data:ArrayCollection = new ArrayCollection([
            {first_name:"John",     last_name:"Busch",  region_name:"CA"},
            {first_name:"Mike",     last_name:"Harris", region_name:"DC"},
            {first_name:"Linda",    last_name:"Brucks", region_name:"CA"}]);

        protected function init(event:FlexEvent):void
        {
            loadXML();
        }

        private function loadXML():void
        {
            var loader:URLLoader = new URLLoader();
            loader.addEventListener(Event.COMPLETE, onXMLComplete);
            loader.load(new URLRequest("assets/config/rumpy.xml"));
        }

        private function onXMLComplete(evt:Event):void
        {
            var xmlData:XML = XML((evt.currentTarget as URLLoader).data);
            columnList = xmlData.Column;

            var cols:Array = list.columns;

            for each (var item:XML in columnList)
            {
                var adgc:AdvancedDataGridColumn = new AdvancedDataGridColumn(item.@dataField);
                adgc.headerText = item.@headerText;

                cols.push(adgc);    
            }

            list.columns = cols;
        }
    ]]>
</fx:Script>

<mx:AdvancedDataGrid id="list" x="10" y="10" dataProvider="{data}" width="360" height="120">
    <mx:columns/>
</mx:AdvancedDataGrid>

</s:Application>

//rumpy.xml

<Columns>
        <Column id="first_name" headerText="First Name"     dataField="first_name"/>
        <Column id="regionName" headerText="Region"         dataField="region_name"/> 
        <Column id="lastname"   headerText="Last Name"      dataField="last_name"/>
</Columns>
于 2013-03-05T10:22:37.947 に答える