extjs model store学习笔记

Posted 2020-10-03 时光飞溅

http://docs.sencha.com/extjs/6.2.0/guides/core_concepts/data_package.html

// 定义一个Model
Ext.define(‘MyApp.model.User‘, {
    extend: ‘Ext.data.Model‘,
    fields: [
        {name: ‘name‘,  type: ‘string‘},
        {name: ‘age‘,   type: ‘int‘}
    ]
});

 

// 定义一个store
Ext.define(‘MyApp.store.Users‘, {
    extend: ‘Ext.data.Store‘,
    alias: ‘store.users‘,
    model: ‘MyApp.model.User‘,
    data : [ // Stores can also load data in-line. Internally, Store converts each of the objects we pass in as data into records of the appropriate Model type:
     {firstName: ‘Seth‘, age: ‘34‘},
     {firstName: ‘Scott‘, age: ‘72‘},
     {firstName: ‘Gary‘, age: ‘19‘},
     {firstName: ‘Capybara‘, age: ‘208‘}
    ]
});

 

var store = Ext.create(‘Ext.data.ArrayStore‘, {
    // store configs
    storeId: ‘myStore‘,
    // reader configs
    fields: [ // 可以直接定义fields,不必定义model
       ‘company‘,
       {name: ‘price‘, type: ‘float‘},
       {name: ‘change‘, type: ‘float‘},
       {name: ‘pctChange‘, type: ‘float‘},
       {name: ‘lastChange‘, type: ‘date‘, dateFormat: ‘n/j h:ia‘}
    ],
    data = [
        [‘3m Co‘,71.72,0.02,0.03,‘9/1 12:00am‘],
        [‘Alcoa Inc‘,29.01,0.42,1.47,‘9/1 12:00am‘],
        [‘Boeing Co.‘,75.43,0.53,0.71,‘9/1 12:00am‘],
        [‘Hewlett-Packard Co.‘,36.53,-0.03,-0.08,‘9/1 12:00am‘],
        [‘Wal-Mart Stores, Inc.‘,45.45,0.73,1.63,‘9/1 12:00am‘]
    ]    
});

 

 
Model中定义的Proxy是针对该model的CURD进行的操作。是针对单条记录的。也就是可以建立一个model的对象，通过proxy提交到后台
Store中定义的Proxy是针对model集合的查询操作。

Models are typically used with a Store, which is basically a collection of records (instances of a Model-derived class)