Datagrid动态添加列

最新推荐文章于 2019-12-06 11:09:01 发布

原创最新推荐文章于 2019-12-06 11:09:01 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #datagrid #动态添加列

Flex 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种在Flex中使用Datagrid组件时动态添加列的方法。通过创建新的DataGridColumn实例并将其添加到Datagrid的列数组中实现。该方法适用于需要在运行时调整Datagrid布局的场景。

Datagrid的列是一个数组，动态添加列的方法是创建一个新的数组来存放Datagrid的所有列，然后往这个新的数组新增一列，最后再把Datagrid的列指向这个数组：

protected function btn_clickHandler(event:MouseEvent):void
{
	var dc:DataGridColumn = new DataGridColumn();
	var arr:Array = dg.columns;
	arr.push(dc);
	dg.columns = arr;
}

<mx:Button id="btn" label="add column" click="btn_clickHandler(event)" />
<mx:DataGrid id="dg" dataProvider="{ac}">
	<mx:columns>
		<mx:DataGridColumn />
		<mx:DataGridColumn />
		<mx:DataGridColumn />
	</mx:columns>
</mx:DataGrid>