Flex 中的动态数据网格列

Question

我的系统中有<mx:DataGrid>，如下所示。

<mx:DataGrid id="testDG">
  <mx:columns>
    <mx:DataGridColumn headerText="name" dataField="name">
    <mx:DataGridColumn headerText="measure" dataField="measure">
  </mx:columns>
</mx:DataGrid>

它有两列，name 和 measure。我想添加其他数量的列，它是数据网格中相对于measure 的数据。

所以，它看起来像：

name  measure  1-Aug  2-Aug   3-Aug ...

abc   ggggg    20      22      24   ...
xyz   fffff    21      19      20   ...
pqr   hhhhh    30      21      13   ...

...    ...     ...     ...     ...

我想动态添加date 明智的结果，后跟measure 列。
那么，有可能吗？如何在 Flex 中的度量之后添加动态列？

Answer 1

这个怎么样？

// Get current columns here.
var cols: Array = grid.columns;

var col1:DataGridColumn = new DataGridColumn();
col1.headerText = "1-Aug";
col1.dataField = "foo";
cols.push(col1);

var col2:DataGridColumn = new DataGridColumn();
col2.headerText = "2-Aug";
col2.dataField = "baz";
cols.push(col2);

grid.columns = cols;

如果你想从 1-Aug 到 31-Aug 加上这些 datafield 就像 val1~val31，这样怎么样？

var cols: Array = grid.columns;
for (var i:int=1; i<=31;i++){
    var col:DataGridColumn = new DataGridColumn();
    col.headerText = i.toString()+"-Aug";
    col.dataField = "val"+i.toString();
    cols.push(col);
}
grid.columns = cols;

如果你想添加其他月份，你应该从日历中获取而不是静态的 31 值。

更新： 2015 年 10 月 1 日 16:40(JST)

spark.DataGrid 与 mx.DataGrid 略有不同。
这是 spark.DataGrid 的代码。

// Get current columns here.
var list: ArrayList = grid.columns as ArrayList;
var cols: Array = list.source;

var col: GridColumn = new GridColumn();
col.headerText = "1-Aug";
col.dataField = "foo";
cols.push(col);

// Redefine columns.
grid.columns = new ArrayList(cols);

<s:DataGrid id="grid">
    <s:columns>
        <s:ArrayList>
            <s:GridColumn dataField="type" width="100"/>
            <s:GridColumn dataField="name" width="100"/>
        </s:ArrayList>
    </s:columns>
</s:DataGrid>

Answer 2

DataGrid 具有属性columns。它可用于动态设置列。见例子：

var columns:Array = [];
var nameColumn:DataGridColumn = new DataGridColumn("name");
nameColumn.dataField = "name";
columns.push(nameColumn);
var measureColumn:DataGridColumn = new DataGridColumn("measure");
measureColumn.dataField = "measure";
columns.push(measureColumn);
var newColumn:DataGridColumn = new DataGridColumn("1-Aug");
newColumn.dataField = "1AugValue";
columns.push(newColumn);
...
dataGrid.columns = columns;

据我所知，当您需要更改列结构同时保留已经存在的列时，您需要创建新数组并再次声明已经存在的列。