zoukankan      html  css  js  c++  java
  • ExtJs4学习MVC中的Store

      Ext.data.Store是extjs中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。

    1
    2
    3
    4
    5
    6
    7
    Ext.define('User', {
        extend: 'Ext.data.Model',
        fields: [
            {name: 'loginname', type: 'string'},
            {name: 'ip',  type: 'string'}
        ]
    });


      Store既可以从本地数组中读取数据,也可以从服务器远程读取数据,当然还可以服务器代理读取,这些都得靠proxy实现,至于还有哪些区分,以及实现方式将再下一节阐述

      为了更好的说清楚Store的用法,我们做如下例子

    1
    2
    3
    4
    5
    6
    7
    8
    var store = Ext.create('Ext.data.Store', {
        model: 'User',
        proxy: {
            type: 'memory',
            data:[{loginname:'admin',ip:'192.168.1.2'},{loginname:'guest',ip:'192.168.1.5'}]
        },
        //autoLoad:true//配置了此项,表明数据集自动加载
    });

      一些常用方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    //加载数据
    store.load();
    //添加数据
    store.add({loginname:'administrator.com',ip:'192.168.1.8'});
    //读取数据
    store.each(function(record){
        console.info(record.get('loginname'));
        alert(record.get('loginname'));
    });
    //过滤
    //store.filter("loginname", /.com$/);根据单个属性域(field)过滤:
    store.filter([
                  {property: "loginname", value: /.com$/},
                  {filterFn: function(item) { return item.get("ip") == '192.168.1.5'; }}
    ]);
    //查找某条记录
    var record = store.find('loginname','guest');
    //获取store中第一条记录的快捷方法.
    var record = store.first();
    //获取指定index处的记录
    var record = store.getAt(2);
    //获取store中记录的数量
    var count = store.getCount;
    //获取store中最后一条记录的快捷方法
    var record = store.last();
     
     
     
  • 相关阅读:
    LocalDateTime方法plusHours()
    windows查看所有端口, 查看端口是否占用
    maven编译引起excel文件损坏问题解决
    Java BigDecimal 添加数据
    postgresql数据库设置联合主键的语句
    Linux为普通用户挂载磁盘
    Glog不打印错误方法
    关闭书莓派3B所有指示灯
    巧用Python自带http服务实现文件共享
    VIM高阶使用技巧
  • 原文地址:https://www.cnblogs.com/jinhuixin/p/4182078.html
Copyright © 2011-2022 走看看