ExtJS是一個(gè)功能強(qiáng)大的JavaScript框架,它提供了豐富而靈活的組件和工具,用于開發(fā)高質(zhì)量的Web應(yīng)用程序。 在ExtJS中,store是一個(gè)核心組件,它用于管理應(yīng)用程序的數(shù)據(jù)。 store負(fù)責(zé)從服務(wù)器獲取數(shù)據(jù)并將其緩存以用于后續(xù)查詢。 最常見的store類型是json store,它從服務(wù)器獲取JSON數(shù)據(jù)并將其作為存儲(chǔ)的數(shù)據(jù)。
// 定義JSON數(shù)據(jù)源 var myStore = Ext.create('Ext.data.Store', { proxy: { type: 'ajax', url: 'data/myData.json', reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true }); // 定義json數(shù)據(jù) { "success": true, "data": [ { "id": 1, "name": "John", "age": 25 }, { "id": 2, "name": "Mary", "age": 30 }, { "id": 3, "name": "Bob", "age": 27 } ] }
在此示例中,我們使用ajax代理從服務(wù)器獲取JSON數(shù)據(jù)。我們可以指定JSON數(shù)據(jù)的根屬性,以便store可以正確解析數(shù)據(jù)。 在這種情況下,我們使用rootProperty屬性來(lái)指定“data”屬性。一旦store將數(shù)據(jù)緩存到客戶端,我們可以使用store的各種方法來(lái)訪問(wèn)和操作數(shù)據(jù)。