動態添加DataGrid中

Question

傢伙，我得到了已被定義爲

<mx:DataGridColumn headerText="Role" id="roleAdmin" headerStyleName="myHeaderStyles"> 
     <mx:itemRenderer> 
       <fx:Component> 
         <mx:VBox> 
           <mx:Text width="100%" text="{(data.role == 0)? 'Super Admin':((data.role == 1)? 'Admin': ((data.role == 2)? 'Regular User': 'Unknown'))}"/> 
         </mx:VBox> 
       </fx:Component> 
     </mx:itemRenderer> 
</mx:DataGridColumn> 

所有我想要做的是一個dataColumn的DataColumn中，創建此數據動態地根據條件我placed.Anyone可以幫助我的代碼我應該做什麼以及如何添加所有這些東西。

最好的問候

Answer 1

試試這個。您將獲得邏輯如何使用項目渲染器處理動態列。

var cols:Array=new Array(); 
cols = dgDatagrid.columns; 
var column:DataGridColumn = new DataGridColumn(); 
column.headerText = "Role"; 
column.width=170; 
column.dataField="role"; 
column.setStyle('headerStyleName',myHeaderStyles); 
column.itemRenderer = new ClassFactory(MyRenderer); 
cols.push(column); 
dgDatagrid.columns=cols; 

MyRenderer：

<?xml version="1.0" encoding="utf-8"?> 
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx" 
     > 

    <s:layout> 
     <s:HorizontalLayout paddingLeft="10" paddingRight="10" /> 
    </s:layout> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
    import mx.controls.DataGrid; 
      import mx.controls.dataGridClasses.DataGridListData; 
      import mx.events.FlexEvent; 

      import spark.events.TextOperationEvent; 

      private var dg:DataGrid; 
      private var dglistData:DataGridListData; 


      override public function set data(value:Object) : void 
      { 
       super.data = value; 
       if(value){ 
        dglistData = listData as DataGridListData; 
        if(value[dglistData.dataField]){ 
txtText.text=((value[dglistData.dataField]) == 0)? 'Super Admin':(((value[dglistData.dataField]) == 1)? 'Admin': (((value[dglistData.dataField]) == 2)? 'Regular User': 'Unknown')) 

         } 
              } 
      } 
]]> 
</fx:Script> 

<mx:VBox> 
<mx:Text width="100%" id="txtText"/> 
</mx:VBox> 
</s:MXDataGridItemRenderer> 

Answer 2

你並不需要一個定義ItemRenderer的。這是使用labelFunction的典型例子。

private function roleLabelFunction(data:Object, column:DataGridColumn):String { 
    switch(data.role) { 
     case 0: return 'Super Admin'; 
     case 1: return 'Admin'; 
     case 2: return 'Regular User'; 
     default: return 'Unknown'; 
    } 
    //Some flex compilers show a compiler error if there is no return in the main function body, so this is the same as the default case 
    return 'Unknown'; 
} 

然後用這個作爲你的DataGridColumn

<mx:DataGridColumn headerText="Role" id="roleAdmin" headerStyleName="myHeaderStyles" labelFunction="roleLabelFunction">