我们把数据可视化出来，为的就是进行一些针对数据的操作。

这里介绍一下DataView的排序功能和搜索功能。

掌握这两个技能，能够让写出的数据界面内的数据能够依据要求进行排序，能够进行数据的搜索显示灯功能。

    一、排序

sort方法：

    store.sort(‘lastName’,’asc’);

store是我们定义好的数据仓库，调用sort方法进行排序。sort方法传入两个參数。第一个參数为依照哪个字段排序，第二个參数为升序还是降序。

假设想对多个字段进行排序，能够运行例如以下代码：

store.sorters.add(new Ext.util.Sorter({
property:’firstName’,
direction:’asc’
}));
store.sort();

sorters.add方法能够加入多个排序条件，最后调用sort()方法，运行排序的先后顺序依照加入顺序决定。

我们能够在界面中定义一个选项框，依据用户的选项进行排序，通过为每个选项设定value值。将value值传入sort方法中，依照要求进行排序。

 

    二、搜索

中有对数据仓库中数据进行过滤的方法。代码例如以下：

    store.filter(‘lastName’,’Tom’);

lastName属性值为Tom。

同理。假设我们想实现用户的查找功能。定义一个搜索框，将用户输入的要搜索的值传入filter函数中就可以。

    store.clearFilter();

    这就保证每次搜索时都没有上一次搜索的干扰。

假设不清楚的话。显示的内容是多次搜索结果的交集（非常可能就没有结果）。