在 ExtJS 中使用 JSON 添加數據是一種很常見的操作,下面我們來看一下如何實現。
首先需要使用 Ext.Ajax.request 方法向服務器發送一個請求,獲取 JSON 數據。在獲取到數據之后,我們可以使用 Ext.data.Store 來存儲數據。
Ext.Ajax.request({ url: 'data.json', success: function(response){ var result = Ext.decode(response.responseText); var store = Ext.create('Ext.data.Store', { fields: ['name', 'age'], data: result }); } });
上述代碼中,我們向 URL 為 'data.json' 的服務器地址發送了一個請求,并在成功獲取數據后將其解析為 JSON 對象。接著使用 Ext.data.Store 創建了一個存儲數據的倉庫。
如果我們想要在倉庫中添加一條記錄,可以使用 Ext.data.Store.add 方法,如下所示:
var newRecord = Ext.create('Ext.data.Model', { name: '小明', age: 18 }); store.add(newRecord);
這段代碼創建了一個新的 Ext.data.Model 對象,并將其添加到倉庫中。
如果我們想要從倉庫中刪除一條記錄,可以使用 Ext.data.Store.remove 方法,并傳入需要刪除的記錄對象。例如:
store.remove(newRecord);
這段代碼將從倉庫中刪除之前創建的 newRecord 記錄。
綜上所述,使用 JSON 添加數據的方法如下:
- 使用 Ext.Ajax.request 向服務器發送請求,并解析返回的 JSON 數據。
- 使用 Ext.data.Store 創建存儲數據的倉庫。
- 使用 Ext.data.Store.add 添加新的記錄。
- 使用 Ext.data.Store.remove 刪除不需要的記錄。
上一篇axis支不支持json
下一篇axis2 返回json