<?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数据》里面有完整的工程,可下载
分享到:
相关推荐
在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid 组件实现数据过滤功能,帮助用户更高效地查找和管理表格中的信息。 首先,`datagrid-filter.js` 文件很可能包含了实现过滤...
总的来说,实现"easyui datagrid 多条件筛选 可复选"功能,需要结合HTML、CSS和JavaScript,利用EasyUI提供的API来处理数据过滤和用户交互。通过细致的布局和逻辑设计,我们可以创建出类似淘宝筛选的高效、易用的...
用户输入过滤条件后,发送请求到服务器,服务器根据条件筛选数据,然后返回结果给客户端更新DataGrid。这种方法降低了客户端的负担,但增加了网络通信的开销。 下面是一段简单的客户端过滤示例代码(以ActionScript...
8. 数据过滤:datagrid通常提供过滤功能,用户可以根据需要筛选数据。服务器端需要处理这些过滤条件,返回符合条件的数据。 9. 编辑和验证:datagrid还可以支持数据编辑和验证功能,用户可以直接在界面上修改数据,...
筛选是根据特定条件过滤数据集的过程,使显示的数据符合用户的需求。在DataGrid中,筛选通常通过设置列的Filter表达式或提供一个筛选界面来实现。 步骤一:创建WinForm项目和DataGrid控件 1. 打开Visual Studio,...
下面将详细介绍两种有效的方法来实现EasyUI Datagrid数据导出到Excel的功能,并结合提供的文件名来推测具体实现步骤。 **方法一:使用JavaScript库(例如wxport)** 文件`wxport excel.txt`可能包含了使用wxport库...
DataGrid实现数据过滤。 输入关键字,对DataGrid中的数据进行筛选过滤
数据过滤允许用户根据指定条件筛选显示的数据,提高数据查看的针对性。EasyUI DataGrid的过滤功能通过在列头添加过滤图标实现,用户可以输入文本、选择范围或者使用下拉框等进行过滤。过滤条件可以是单一的,也可以...
标题中的“使用搜索的关键字过滤DataGrid的行”是指在数据网格(DataGrid)控件中,通过输入关键字实现对显示行的实时筛选。在IT领域,DataGrid是一种常见的组件,用于展示大量的结构化数据,常见于桌面应用或Web...
首先,数据过滤是指根据特定条件筛选数据,只显示满足条件的记录。在Flex的MX:DataGrid中,我们可以使用FilteringSuite库或自定义过滤器来实现这一功能。FilteringSuite库提供了一系列预定义的过滤器,而自定义过滤...
首先,`EasyUI Datagrid` 是一个强大的表格控件,它允许开发者轻松地展示和操作数据,支持分页、排序、筛选等多种功能。在实际项目中,我们经常需要根据用户输入的关键字对数据进行实时过滤,这就是所谓的“行过滤”...
4. **数据过滤**:过滤数据通常涉及到遍历数据源,根据列头的选择条件筛选出符合要求的行,并更新`DataGridView`显示。这可能需要用到`linq-to-objects`或者传统的`foreach`循环来实现。 5. **数据绑定**:`...
为此,可以在Datagrid旁边添加一个“清空”按钮,通过调用`datagrid('clearFilter')`方法来移除所有过滤条件,使Datagrid显示全部数据。 3. **日期控件datetimebox清空**: Datagrid通常与EasyUI的日期选择器...
通过以上步骤,我们可以在Flex的DataGrid中实现自定义列头带有组合框的过滤功能,使得用户能够更直观、方便地筛选数据。这种自定义组件的方式不仅增强了组件的灵活性,也提供了更好的交互性,提高了应用的可用性。在...
`Datagrid-filter`插件则进一步增强了Grid的功能,通过添加过滤器,使用户可以根据预定义或自定义的条件对数据进行筛选,减少了手动查找特定信息的时间。 在实际应用中,`Datagrid-filter`插件的使用非常简单。`...
它可以自动根据数据源生成列,支持排序、分页、筛选等功能,非常适合用于数据密集型应用。 **在MVVM中使用DataGrid** 1. **数据绑定**:在MVVM中,DataGrid的数据源通常通过ViewModel中的ObservableCollection对象...
而过滤功能则需要开发者自定义实现,通常结合输入框和Ajax请求实现数据筛选。 7. **分页** 分页功能通过`pagination`选项开启,同时设置`pageSize`和`pageList`。`onLoadSuccess`事件可以用来处理加载成功后的回调...
自动筛选是指用户在`DataGridView`的某一列上输入特定字符或选择条件后,控件能立即根据这些条件过滤显示数据,只展示匹配的结果。这通常通过监听`TextBox`控件的`TextChanged`事件来实现。 要实现在`DataGridView`...
- 可筛选:提供筛选功能,用户可以根据指定条件过滤数据。 - 表头自定义:允许自定义列头的显示方式,如添加下拉菜单进行列选择或排序。 - 多选:支持多行选择,便于批量操作。 5. **性能优化**: - 为了处理...
在C#编程环境中,我们可以自定义DataGrid的功能,使其具备筛选数据的能力。 首先,我们需要理解DataGrid的基础知识。DataGrid控件通常与数据源(如DataTable、DataSet或BindingSource)绑定,用于显示和编辑数据。...