Ext JS 2.2 應用

Ext JS 2.2 的資料進入Ext 的 DOM 物件方式,
大致整理了一下, 應該有以下的三種方法:
 
// 共用
var Field = Ext.data.Record.create([
    {name: ‘id’, type: ‘string’},
    {name: ‘name’, type: ‘string’},
    {name: ‘light’},
    {name: ‘price’, type: ‘float’},             // automatic date conversions
    {name: ‘availDate’, mapping: ‘availability’, type: ‘date’, dateFormat: ‘m/d/Y’},
    {name: ‘indoor’, type: ‘bool’}
]);
// 遠端 JSON 文件模式
var proxy = new Ext.data.HttpProxy({method: ‘POST’,url: ‘http://…../jsoncallback.js’});
var reader = new Ext.data.JsonReader({
    totalProperty: ‘results’,
    root: ‘rows’,
    id: ‘id’},
    Field);
var store = new Ext.data.Store({reader:reader, proxy:proxy,
    sortInfo:{field:’common’, direction:’ASC’}
});
store.load();
// 遠端 XML 文件模式
var proxy = new Ext.data.HttpProxy({method: ‘POST’,url: ‘http://…../datasource.xml’});
var reader = new Ext.data.XmlReader({
    totalRecords: ‘results’,
    record: ‘row’,
    id: ‘id’},
    Field);
var store = new Ext.data.Store({reader:reader, proxy:proxy,
    sortInfo:{field:’common’, direction:’ASC’}
});
store.load();
// 本地數據組
var arr = [[1,’Bill’, ‘Gardener’], [2, ‘Ben’, ‘Horticulturalist’]];
var reader = new Ext.data.ArrayReader({id: 0},Field);
var store = new Ext.data.Store({reader:reader,
    sortInfo:{field:’id’, direction:’ASC’}
});
store.loadData(arr);
廣告

About fenjj

Perfect !!??...
本篇發表於 Uncategorized。將永久鏈結加入書籤。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s