下面的例子展示了Flex中如何利用一个CheckBox控件以及ArrayCollection类的filterFunctio
属性,对DataGrid控件中的项目进行过滤。
下面是具体的例子以及源代码:
<!--more-->
-
<?xml version="1.0" encoding="utf-8"?>
-
<!-- http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/ -->
-
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
-
layout="vertical"
-
verticalAlign="middle"
-
backgroundColor="white">
-
<mx:Script>
-
<![CDATA[
-
importmx.controls.dataGridClasses.DataGridColumn;
-
privatefunction toggleFilter():void {
-
if(checkBox.selected) {
-
arrColl.filterFunction = processFilter;
-
}else {
-
arrColl.filterFunction = null;
-
}
-
arrColl.refresh();
-
}
-
privatefunction processFilter(item:Object):Boolean {
-
returnparseFloat(item.value) == 0;
-
}
-
privatefunction value_labelFunc(item:Object, col:DataGridColumn):String {
-
returnitem[col.dataField].toFixed(2);
-
}
-
]]>
-
</mx:Script>
- <mx:ArrayCollection id="arrColl">
- <mx:source>
- <mx:Array>
-
<mx:Object name="ColdFusion" value="0.00" />
-
<mx:Objectname="Dreamweaver" value="0.12" />
-
<mx:Object name="Fireworks" value="1.01" />
-
<mx:Objectname="Flash" value="0" />
-
<mx:Object name="Flash Player" value="-0.00" />
-
<mx:Objectname="Flex" value="0.00" />
-
<mx:Object name="Illustrator" value="2.92" />
-
<mx:Objectname="Lightroom" value="0.32" />
-
<mx:Object name="Photoshop" value="0.06" />
-
</mx:Array>
-
</mx:source>
-
</mx:ArrayCollection>
-
<mx:Panel status="{arrColl.length}/{arrColl.source.length}item(s)">
-
<mx:DataGrid id="dataGrid"
-
dataProvider="{arrColl}"
-
verticalScrollPolicy="on">
- <mx:columns>
-
<mx:DataGridColumn dataField="name" />
-
<mx:DataGridColumn dataField="value"
-
labelFunction="value_labelFunc" />
- </mx:columns>
- </mx:DataGrid>
- <mx:ControlBar>
-
<mx:CheckBox id="checkBox"
-
label="FilterDataGrid"
-
click="toggleFilter();" />
- </mx:ControlBar>
- </mx:Panel>
- </mx:Application>
下面是执行实例(可以右键察看源代码):
本文转自:http://elanso.com/ArticleModule/sourcearticle.aspx?idx=KAMbHlQwW6I5KeMGQcMGRRIi
分享到:
相关推荐
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
带checkbox的datagrid 直接能用
flex Datagrid checkbox全选 Datagrid
可以通过简单的一个标签实现一个表的checkbox功能,当然我才学了不到一个星期,可以在原来的基础上进行扩展,希望交流下我的邮箱是llaysz@163.com,如果大家把它变强大了记得给我发一份谢谢了
Flex的DataGrid中使用CheckBox. 大家共同研究
绝对好东西,datagrid 标题栏及 datagridcolumn 添加 checkbox
成功的实现了,datagrid中嵌套checkbox实现全选的功能。分享代码供大家分享。项目为flex3。
Flex_全选或取消DataGrid中的checkbox, 解决了, flex的checkbox的问题
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
在Flex的DataGrid中使用CheckBox 欢迎分享
FLEX中下拉框嵌入Checkbox
flex动态生成checkbox,方便多项选择维护更新
本资源中包括Tree的文件和Tree的渲染文件(Checkbox),实现功能为点击树不获取值(也可以获取,改变一个变量即可),只有勾选Checkbox才能得到。并添加到集合中
flex tree+checkbox可实现级联勾选
在flex中的datagrid中运用checkbox实现全选和单选
主要写了一个全选列,功能包括设置选择框的默认选择状态, 默认可用状态, 全选以及快速获取选中的值,呵呵!
FLEX中可换行CHECKBOX
Flex dataGrid 全选、反选 checkBox 不是很完善,但很有借鉴意义
NULL 博文链接:https://tony0101.iteye.com/blog/579404