ExtJS是一個流行的JavaScript庫,用于創建富客戶端Web應用程序。在這個庫中,Store是一個非常重要的組件,用于在客戶端和服務器之間傳輸和存儲數據。使用ExtJS中store組件,可以輕松地從服務器中獲取JSON數據以供操作。
Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'email', type: 'string'} ] }); var userStore = Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax', url: '/users.json', reader: { type: 'json', rootProperty: 'users' } }, autoLoad: true }); userStore.load({ callback: function(records, operation, success) { console.log(records); } });
在這個示例中,我們定義了一個名為User的模型,并與一個名為userStore的存儲器相關聯。這個存儲器使用AJAX代理來獲取服務器上的JSON數據文件。數據文件的路徑被指定在存儲器的URL屬性中,同時還定義了數據文件中的JSON根元素,這里是“users”。
調用load()方法會從服務器中異步加載數據,并在加載完成后,將數據存儲在store中。這個函數使用一個回調函數來處理加載的數據。在JavaScript控制臺中,我們可以查看存儲器中的所有記錄。
總之,ExtJS中的store組件提供了一個易于使用的方法來獲取JSON數據,并在Web應用程序中使用它們。通過對store的配置和使用,可以輕松地從服務器中獲取數據,并將它們添加到Store中。這對于開發復雜的Web應用程序來說非常有用。