首页 > Web开发 > 详细

extjs model store学习笔记

时间:2017-08-17 22:42:22      阅读:310      评论:0      收藏:0      [点我收藏+]

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)


extjs model store学习笔记

原文:http://www.cnblogs.com/coolzdp/p/7384670.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!