在ExtJS中,我們經常會使用Store來操作數據,而JSON格式是我們常用的數據格式之一。所以,了解如何解析JSON格式的數據對我們更好地使用Store功能非常有益。
在Store中,我們可以通過以下方式來解析JSON格式的數據:
var store = Ext.create('Ext.data.Store',{ autoLoad: true, fields: ['name', 'age', 'gender'], proxy: { type: 'ajax', url: 'data.json', reader: { type: 'json', rootProperty: 'data' } }, listeners: { load: function(store, records){ console.log(records); } } });
在代碼中,我們創建了一個Store對象,并設置了以下屬性:
- autoLoad:自動加載數據
- fields:設置Store的數據模型
- proxy:設置Store的數據來源
- listeners:設置Store的事件監聽器
其中,proxy屬性是我們解析JSON數據的關鍵。我們通過type屬性設置Proxy的類型,并通過url屬性指定數據來源。在reader屬性中,我們指定了type為json,并設置了rootProperty為data,表示要加載的數據從JSON的data屬性中獲取。
最后,我們在監聽器中輸出加載的數據信息。通過console.log()可查看我們是否成功讀取JSON格式的數據。
在使用ExtJS開發時,解析JSON格式的數據是我們經常遇到的問題。通過了解如何使用Store來解析JSON格式的數據,我們可以更好地使用和操作數據。
上一篇mysql變更是否為空
下一篇gulp打包vue組件庫