Flex datagrid多行单个文件

时间:2010-05-20 07:13:03

标签: flex datagrid rows

我有一个包含3列的flex数据网格。第一列包含图像名称(唯一键)。其他两列包含用户名和大小详细信息。 我想将用户名分为姓氏,名字,地址和其他一些东西 我们可以在一个图像的网格中有多行吗?尝试多线,它的工作原理,但我们需要不断增加空间和繁琐。 由于flex数据网格中的每一行都由枚举的XMLList中的一个索引表示,是否有办法将多个行分配给一个图像并显示在网格中?像这样......

http://www.freeimagehosting.net/uploads/b7f4e9c9ba.gif http://www.freeimagehosting.net/uploads/b7f4e9c9ba.gif

谢谢, Vish。

1 个答案:

答案 0 :(得分:0)

对用户列使用自定义itemRenderer。以下是示例代码段,您可能希望根据dataProvider

的结构对其进行修改
<mx:DataGrid id="dg" width="100%" height="100%" dataProvider="{dp}">
    <mx:columns>
            <mx:DataGridColumn dataField="image" headerText="Image"/>
            <mx:DataGridColumn dataField="user" headerText="User" >
              <mx:itemRenderer>
                <mx:Component>
                  <mx:VBox>
                    <mx:Label text="{data.firstName}"/>
                    <mx:Label text="{data.lastName}"/>
                    <mx:Text text="{data.address}"/>
                  </mx:VBox>
                </mx:Component>
              </mx:itemRenderer>
            </mx:DataGridColumn>
            <mx:DataGridColumn dataField="size" headerText="Size"/>
    </mx:columns>
</mx:DataGrid>