1. 程式人生 > >extjs model store學習筆記

extjs model store學習筆記

instance users java use inter def clas pts sco

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學習筆記