`
zwh910621
  • 浏览: 146804 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

过滤筛选DataGrid里的数据

    博客分类:
  • flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="absolute" 
	creationComplete="http_test.send()" 
	>
	
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			[Bindable]
			var datas:ArrayCollection;
			private function onResult():void{
				this.datas=http_test.lastResult.blog.channel.item;
			}
			private function applyFilter():void{
				if(this.datas.filterFunction==null){
					this.datas.filterFunction=this.filterCities;
				}
				this.datas.refresh();
			}
			private function filterCities(item:Object):Boolean{
				var match:Boolean=true;
				if(cityFilter.text!=""){
					var city:String=item["city"];
					var filter:String=cityFilter.text;
					//			转成小写字母			搜索字符串(输入的信息转成小字后)
					//			也就是把它们全部都转换成小写再进行搜索
					//			city.indexOf(filter)	如果没有找就就返回一个-1
					if(!city || city.toLowerCase().indexOf(filter.toLowerCase())<0){
						match=false;
					}
				}
				return match;
			}
		]]>
	</mx:Script>
	
	<mx:HTTPService id="http_test" 
		url="/flex_xml/date.xml" 
		useProxy="false"
		resultFormat="object"
		result="onResult();">	
	</mx:HTTPService>	
	
	<mx:Panel title="{http_test.lastResult.blog.channel.title}" width="90%" height="90%" verticalAlign="middle" horizontalAlign="center">
		<mx:Form>
			<mx:FormItem label="City">
				<mx:TextInput id="cityFilter" change="applyFilter();"/>
			</mx:FormItem>
		</mx:Form>
		<mx:DataGrid id="http_dataGird" 
			dataProvider="{datas}" 
			width="100%" height="50%">
			<mx:columns>
				<mx:DataGridColumn headerText="标题" dataField="title"/>
				<mx:DataGridColumn headerText="作者" dataField="author"/>
				<mx:DataGridColumn headerText="类型" dataField="category"/>
				<mx:DataGridColumn headerText="连接" dataField="link"/>
				<mx:DataGridColumn headerText="城市" dataField="city"/>
			</mx:columns>
		</mx:DataGrid>
	</mx:Panel>

</mx:Application>

 DataGrid里面的数据是取于XML如果不知道怎么解析XML数据,可以看博客《Flex里解析XML数据》里面有完整的工程,可下载

2
0
分享到:
评论

相关推荐

    EasyUI DataGrid过滤用法实例

    在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid 组件实现数据过滤功能,帮助用户更高效地查找和管理表格中的信息。 首先,`datagrid-filter.js` 文件很可能包含了实现过滤...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    总的来说,实现"easyui datagrid 多条件筛选 可复选"功能,需要结合HTML、CSS和JavaScript,利用EasyUI提供的API来处理数据过滤和用户交互。通过细致的布局和逻辑设计,我们可以创建出类似淘宝筛选的高效、易用的...

    Flex过滤DataGrid显示的数据

    用户输入过滤条件后,发送请求到服务器,服务器根据条件筛选数据,然后返回结果给客户端更新DataGrid。这种方法降低了客户端的负担,但增加了网络通信的开销。 下面是一段简单的客户端过滤示例代码(以ActionScript...

    datagrid 接收数据常用方法

    8. 数据过滤:datagrid通常提供过滤功能,用户可以根据需要筛选数据。服务器端需要处理这些过滤条件,返回符合条件的数据。 9. 编辑和验证:datagrid还可以支持数据编辑和验证功能,用户可以直接在界面上修改数据,...

    C# winform开发 DataGrid带筛选功能

    筛选是根据特定条件过滤数据集的过程,使显示的数据符合用户的需求。在DataGrid中,筛选通常通过设置列的Filter表达式或提供一个筛选界面来实现。 步骤一:创建WinForm项目和DataGrid控件 1. 打开Visual Studio,...

    easyui datagrid 数据导出到Excel

    下面将详细介绍两种有效的方法来实现EasyUI Datagrid数据导出到Excel的功能,并结合提供的文件名来推测具体实现步骤。 **方法一:使用JavaScript库(例如wxport)** 文件`wxport excel.txt`可能包含了使用wxport库...

    Flex实现DataGrid数据过滤

    DataGrid实现数据过滤。 输入关键字,对DataGrid中的数据进行筛选过滤

    easyui-datagrid可编辑可过滤的DEMO

    数据过滤允许用户根据指定条件筛选显示的数据,提高数据查看的针对性。EasyUI DataGrid的过滤功能通过在列头添加过滤图标实现,用户可以输入文本、选择范围或者使用下拉框等进行过滤。过滤条件可以是单一的,也可以...

    使用搜索的关键字过滤DataGrid的行

    标题中的“使用搜索的关键字过滤DataGrid的行”是指在数据网格(DataGrid)控件中,通过输入关键字实现对显示行的实时筛选。在IT领域,DataGrid是一种常见的组件,用于展示大量的结构化数据,常见于桌面应用或Web...

    Flex(mx:DataGrid)实现数据过滤显示

    首先,数据过滤是指根据特定条件筛选数据,只显示满足条件的记录。在Flex的MX:DataGrid中,我们可以使用FilteringSuite库或自定义过滤器来实现这一功能。FilteringSuite库提供了一系列预定义的过滤器,而自定义过滤...

    Easyui Datagrid 实现行过滤[模糊查询]

    首先,`EasyUI Datagrid` 是一个强大的表格控件,它允许开发者轻松地展示和操作数据,支持分页、排序、筛选等多种功能。在实际项目中,我们经常需要根据用户输入的关键字对数据进行实时过滤,这就是所谓的“行过滤”...

    DataGridView列头添加下拉列表实现数据过滤

    4. **数据过滤**:过滤数据通常涉及到遍历数据源,根据列头的选择条件筛选出符合要求的行,并更新`DataGridView`显示。这可能需要用到`linq-to-objects`或者传统的`foreach`循环来实现。 5. **数据绑定**:`...

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    为此,可以在Datagrid旁边添加一个“清空”按钮,通过调用`datagrid('clearFilter')`方法来移除所有过滤条件,使Datagrid显示全部数据。 3. **日期控件datetimebox清空**: Datagrid通常与EasyUI的日期选择器...

    flex 自定义 datagrid 列头带组合框进行过滤

    通过以上步骤,我们可以在Flex的DataGrid中实现自定义列头带有组合框的过滤功能,使得用户能够更直观、方便地筛选数据。这种自定义组件的方式不仅增强了组件的灵活性,也提供了更好的交互性,提高了应用的可用性。在...

    Datagrid-filter插件

    `Datagrid-filter`插件则进一步增强了Grid的功能,通过添加过滤器,使用户可以根据预定义或自定义的条件对数据进行筛选,减少了手动查找特定信息的时间。 在实际应用中,`Datagrid-filter`插件的使用非常简单。`...

    WPF MVVM 模式使用DataGrid

    它可以自动根据数据源生成列,支持排序、分页、筛选等功能,非常适合用于数据密集型应用。 **在MVVM中使用DataGrid** 1. **数据绑定**:在MVVM中,DataGrid的数据源通常通过ViewModel中的ObservableCollection对象...

    jeasyui-datagrid-datagrid

    而过滤功能则需要开发者自定义实现,通常结合输入框和Ajax请求实现数据筛选。 7. **分页** 分页功能通过`pagination`选项开启,同时设置`pageSize`和`pageList`。`onLoadSuccess`事件可以用来处理加载成功后的回调...

    datagridview 数据实现自动筛选

    自动筛选是指用户在`DataGridView`的某一列上输入特定字符或选择条件后,控件能立即根据这些条件过滤显示数据,只展示匹配的结果。这通常通过监听`TextBox`控件的`TextChanged`事件来实现。 要实现在`DataGridView`...

    datagrid

    - 可筛选:提供筛选功能,用户可以根据指定条件过滤数据。 - 表头自定义:允许自定义列头的显示方式,如添加下拉菜单进行列选择或排序。 - 多选:支持多行选择,便于批量操作。 5. **性能优化**: - 为了处理...

    DataGrid过滤程序

    在C#编程环境中,我们可以自定义DataGrid的功能,使其具备筛选数据的能力。 首先,我们需要理解DataGrid的基础知识。DataGrid控件通常与数据源(如DataTable、DataSet或BindingSource)绑定,用于显示和编辑数据。...

Global site tag (gtag.js) - Google Analytics