extjs model store學習筆記
阿新 • • 發佈:2017-08-18
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學習筆記