ExtJS是一種流行的JavaScript庫,用于構建現代化的Web應用程序。其中一個用途是從服務器加載數據,然后將其展示給用戶。本文將介紹如何使用ExtJS從store獲取JSON數據。
首先,我們需要定義一個需要加載JSON數據的Store。以下是一個例子:
Ext.define('MyApp.store.Users', { extend: 'Ext.data.Store', alias: 'store.users', model: 'MyApp.model.User', autoLoad: true, proxy: { type: 'ajax', url: '/users.json' } });
在上面的代碼中,我們定義了一個Store,其中proxy類型為ajax,url為/users.json。這是Store將從服務器加載JSON數據的配置。
一旦Store被定義,我們就可以在任何需要使用JSON數據的ExtJS組件中使用它了。例如,可以將Store用于Grid組件:
Ext.create('Ext.grid.Panel', { store: { type: 'users' // ... other options }, // ... other options });
在上面的代碼中,我們將‘type’設置為我們先前定義的Store的別名,從而使Grid組件能夠使用Store中的數據。我們也可以使用Store的load方法來手動加載數據:
var store = Ext.getStore('users'); store.load({ scope: this, callback: function(records, operation, success) { // ... do something with records } });
在上面的代碼中,我們首先獲取了名為‘users’的Store對象,然后使用load方法來加載數據。callback函數可用于在加載完成后執行操作。
總的來說,使用ExtJS從Store中獲取JSON數據非常簡單和靈活。只需要定義一個Store,然后將其用于任何需要請求數據的ExtJS組件即可。
上一篇css 設置層 寬高比
下一篇css 設置表格虛線