`

Flex-DataGrid使用关键字过滤结果

阅读更多

      这里主要展示如何使用搜索的关键字过滤DataGrid的行。其实也不是很难,因为DataGrid使用dataProvier可以是ArrayCollection,并且ArrayCollection本身就有过滤的功能即使用变量filterFunction.所以基本上,你的DataGrid和dataProvider像如下的定义:

[Bindable] public var dpRows:ArrayCollection;
 

然后你可以用一种简单的方法来创建过滤的方法:

public function filterResults():void
 {
    dpRows.filterFunction = _sortRows;
    dpRows.refresh();
}
 

 

 最后,是使用_sortRows方法来对符合过滤关键字的行返回一个ture--那行就可见,否则返回false--那行就被隐藏。

private function _sortRows(item:Object):Boolean
{
            var col:String = cmbCol.selectedItem.data as String;
            var key:String = keyword.text;
            key = key.toLowerCase();
            if (key != "")
            {
                if (col != "any")
                {
                    var value:String = item[col];
                    value = value.toLowerCase();
                    if (value.indexOf(key)>= 0)
                    {
                        return true;
                    }
                } else {
                    for (var o:String in item)
                    {
                        value = item[o];
                        value = value.toLowerCase();
                        if (value.indexOf(key)>= 0)
                        {
                            return true;
                        }
                    }
                }
            } else {
                return true;
            }
            return false;
}

 

 

 

分享到:
评论

相关推荐

    flex-datagrid-advancedDataGrid-demo

    本示例"flex-datagrid-advancedDataGrid-demo"显然是为了演示如何在Flex应用中有效地使用这两种数据网格控件。 首先,DataGrid是最基础的数据展示组件,它允许开发者以表格的形式展示数据,支持排序、选择和编辑等...

    flex-datagrid中,双击选中的数据,自动把数据移动到另一个datagrid里

    flex-datagrid中,双击选中的数据,自动把数据移动到另一个datagrid里 希望可以帮助新的新手!

    Flex-DataGrid源码及资料

    Flex DataGrid是一款在Adobe Flex开发环境中广泛使用的组件,主要用于展示和操作大量结构化的数据。它是一种灵活的表格视图,可以轻松地实现数据的排序、筛选、分页等功能。在这个"Flex-DataGrid源码及资料"的压缩包...

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

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

    jeasyui-datagrid-datagrid

    JeasyUI DataGrid是一款基于jQuery的轻量级组件,它为开发者提供了丰富的功能,如数据分页、排序、过滤等,极大地提高了开发效率。本文将深入探讨JeasyUI DataGrid的使用方法、特性以及常见问题的解决方案。 1. **...

Global site tag (gtag.js) - Google Analytics