zoukankan      html  css  js  c++  java
  • HTML5开发移动web应用——Sencha Touch篇(10)

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

    这里介绍一下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方法中,依照要求进行排序。

        二、搜索

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

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

        这句话就表示筛选出这种数据。它的lastName属性值为Tom

    同理。假设我们想实现用户的查找功能。定义一个搜索框,将用户输入的要搜索的值传入filter函数中就可以。 还能够依照多个过滤条件先后进行过滤(这里要多个筛选时间都成立的数据才会被选出来)。注意,在每一次运行搜索操作前,一定要运行搜索清除操作:

        store.clearFilter();

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

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

  • 相关阅读:
    九大经典算法之插入排序、希尔排序
    1072 开学寄语 (20 分)
    1070 结绳 (25 分
    查找字符串中的所有数字
    通过类继承计算梯形面积
    将命令的输出生成一个Web页面
    从Internet下载一个文件
    使用Excel管理命令输出
    将一个命令的输出保存到CSV文件
    使用属性存储用户编号和姓名
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/7267350.html
Copyright © 2011-2022 走看看