List 全选 / 取消全选功能实现

最新推荐文章于 2020-12-21 16:49:21 发布

最新推荐文章于 2020-12-21 16:49:21 发布 · 438 阅读

文章标签：

#list

flex 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个简单的Flex应用程序中实现全选功能的方法。通过监听CheckBox的状态变化，控制List组件的全选与取消全选操作。当CheckBox被选中时，所有List项被选中；当CheckBox未被选中时，则取消所有List项的选择状态。

private function selectedAllProduct(e:Event):void
{
    // e.target 是一个CheckBox，用来控制List是否全选
	if (e.target.selected)
	{
        // 全选productList
		productList.selectedItems = (productList.dataProvider as ArrayCollection).toArray();
	}
	else
	{
        // 取消全选
		productList.selectedItems = new Array();
	}
}