带有HierarchicalCollectionView的CheckBox标题渲染器

时间:2011-01-07 15:43:24

标签: flex actionscript flashbuilder4

我已经获得了一个复选框标题渲染器,可以很好地处理平面DP,但是a 分层集合视图是另一个故事。点击,我希望它选择全部 给定列中的复选框。这是我的代码:

var dp:HierarchicalCollectionView = _dataGrid.dataProvider as HierarchicalCollectionView; var testDp:GroupingCollection = dp.source as GroupingCollection; var rawDp:ArrayCollection = testDp.source as ArrayCollection;

for(var i:int = 0; i< rawDp.length; i ++){ rawDp [i] [_ dataField] = cb.selected; }

它选择第二级数据的所有复选框,但不选择顶部 数据水平。我在这里错过了什么?我似乎无法找到它。

非常感谢任何提示。谢谢。

1 个答案:

答案 0 :(得分:1)

对于分层数据,您必须使用一个游标来迭代所有级别的分层数据。

var dp:IHierarchicalCollectionView = _dataGrid.hierarchicalCollectionView;
var cursor:IViewCursor= dp.createCursor();

while (!cursor.afterLast)
{
    cursor.current[_dataField] = cb.selected;
    cursor.moveNext();
}

Howerver,这仅适用于先前已打开的节点。因此,要么使用_dataGrid.expandAll()展开所有节点(之后可以折叠它们,因为节点只需要打开一次)或手动迭代分层数据:

function setCheckBoxValue(children:ArrayCollection, value:Boolean):void
{
    for each (var child:Object in children)
    {
        if (child.hasOwnProperty("children") && child["children"])
            setCheckBoxValue(child["children"], value);

        child[_dataField] = value;
    }
}

var myDataProvider:HierarchicalData = /* your data provider */;

// Call it like this...
setCheckBoxValue(myDataProvider.source, cb.selected);

更新:回答你的第二个问题......

  1. 创建一个扩展CheckBoxColumn的新AdvancedDataGridColumn。您可以使用它预先配置headerRendereritemRenderer
  2. 在自定义项呈示器中,您可以按照以下方式获取列:
    grid = AdvancedDataGrid(listData.owner);
    column = grid.columns[listData.columnIndex] as CheckBoxColumn;
  3. 在标题渲染器中执行相同的操作。
  4. 每当您的某个项目渲染器中的CheckBox值更改时,都会通过您的列调度事件。类似于:column.dispatchEvent(new Event("checkBoxValueChanged"));
  5. 您的标题呈现应该为“checkBoxValueChanged”事件(或任何您称之为的事件)的列添加事件侦听器。每当该事件被触发时,循环通过您的数据提供程序并相应地更新标题CheckBox。
  6. 理论上应该有效。 HTH