flex 4.6 自定义Datagrid添加checkbox图片等功能

Posted 2023-01-15

flex 4.6 中的  spark  的Datagrid相比于之前的 mx 有很大不同

实现自定义<s:itemRenderer>详见代码~

<s:DataGrid id="dg" left="14" right="10" top="35" bottom="9" dataProvider="datagrid_data">
        <s:columns>
          <s:ArrayList>
            <s:GridColumn   headerText="程序名称" 
                      dataField="name">
              <s:itemRenderer>
                <fx:Component>
                  <s:GridItemRenderer>
                    <s:HGroup verticalAlign="middle">
                      <s:CheckBox id="cbx"/>
                      <s:BitmapImage    source="data.pic"/>
                      <s:Label text="data.name"/>
                    </s:HGroup>
                  </s:GridItemRenderer>
                </fx:Component>
              </s:itemRenderer>
            </s:GridColumn>
            <s:GridColumn dataField="date" headerText="更新时间"/>
            <s:GridColumn dataField="version" headerText="版本号"/>
            <s:GridColumn dataField="moduleUrl" headerText="moduleUrl"/>
            <s:GridColumn />
          </s:ArrayList>
        </s:columns>
      </s:DataGrid>