Flex datagrid 多行单文件

【问题标题】：Flex datagrid multiple rows single fileFlex datagrid 多行单文件
【发布时间】：2011-02-21 17:39:21
【问题描述】：

我有一个 3 列的 flex 数据网格。第一列包含图像名称（唯一键）。其他两列包含用户名和大小详细信息。我想将用户名拆分为姓氏、名字、地址和其他一些内容。
我们可以在一张图片的网格中有多行吗？尝试了多行，它可以工作，但我们需要不断添加空格和它的麻烦。由于 flex 数据网格中的每一行都由枚举的 XMLList 中的一个索引表示，有没有办法将多行分配给一个图像并显示在网格中？像这样..

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

谢谢，维什。

【问题讨论】：

标签： apache-flex datagrid rows

【解决方案1】：

为用户列使用自定义itemRenderer。这是一个示例代码sn-p，您可能需要根据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>

【讨论】：

嘿阿马尔，非常感谢。会试试这个。