Extjs3是一款優秀的JavaScript框架,其中包含了強大的json處理功能。在Extjs3中使用json數據格式進行數據交換已成為開發者的標配。
在Extjs3中,我們可以使用Ext.util.JSON類來輕松地實現對json數據的編碼與解碼。Ext.util.JSON 類中的靜態方法encode() 可以將JavaScript 對象轉化為JSON 字符串,而static decode() 方法可以將JSON 字符串轉化為JavaScript 對象。
在使用JSON的過程中,經常遇到需要將json數據以一定的格式展示在頁面中的情況。這時,我們可以使用Extjs3中的JsonReader 類來實現json數據讀取和數據解析的操作。以下是一個使用JsonReader類解析json數據的示例代碼:
var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'data.json', method: 'GET' }), reader: new Ext.data.JsonReader({ root: 'data', totalProperty: 'totalCount', record: 'person' }, ['id', 'name', 'age']) });
上述代碼中,我們使用Ext.data.Store來創建一個數據倉庫,通過Ext.data.HttpProxy的設置,設定一個url來獲取json數據。在JsonReader中我們指定了三個屬性:
- root:json數據的根節點
- totalProperty:json數據中包含了列表的總數信息
- record:json數據中包含了數據記錄的節點名稱
在JsonReader中,我們還可以通過第二個參數來指定json數據解析后所生成的記錄對象中包含哪些屬性,并為這些屬性指定對應的名稱。在這個示例中,我們為store中的記錄對象添加了 id、name 和 age 三個屬性。
使用Extjs3,我們可以方便地實現json格式數據的處理、展示和解析,極大的簡化了數據交換的流程和工作量。