JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式,而EXT是一款強(qiáng)大的JavaScript框架,對(duì)于JSON格式的數(shù)據(jù)處理具有很好的支持。我們可以使用EXT來(lái)格式化JSON數(shù)據(jù)庫(kù),使得數(shù)據(jù)更加易讀、易于維護(hù)。
首先,我們需要定義一個(gè)數(shù)據(jù)模型,來(lái)描述JSON數(shù)據(jù)庫(kù)中的各個(gè)字段。下面是一個(gè)示例:
Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'id', type: 'int'}, {name: 'name', type: 'string'}, {name: 'age', type: 'int'}, {name: 'email', type: 'string'} ] });
上面定義了一個(gè)名為User的數(shù)據(jù)模型,包含了id、name、age、email四個(gè)字段,分別為整型、字符串、整型、字符串類型。
接下來(lái),我們可以使用數(shù)據(jù)代理來(lái)獲取JSON數(shù)據(jù),并將其格式化。下面是一個(gè)示例:
Ext.define('MyApp.store.User', { extend: 'Ext.data.Store', model: 'User', proxy: { type: 'ajax', url: 'users.json', reader: { type: 'json', root: 'data', successProperty: 'success' } } });
上面的代碼定義了一個(gè)名為User的數(shù)據(jù)代理,從users.json文件中獲取數(shù)據(jù),并使用JSON格式解析。我們可以使用EXT的Grid組件將這些數(shù)據(jù)展示出來(lái),例如:
Ext.create('Ext.grid.Panel', { store: 'User', columns: [ { text: 'ID', dataIndex: 'id' }, { text: 'Name', dataIndex: 'name' }, { text: 'Age', dataIndex: 'age' }, { text: 'Email', dataIndex: 'email' } ], height: 200, width: 400, renderTo: Ext.getBody() });
上面的代碼創(chuàng)建了一個(gè)名為Grid的組件,使用User數(shù)據(jù)代理,將用戶的ID、Name、Age、Email四個(gè)字段展示出來(lái),呈現(xiàn)給用戶。可以發(fā)現(xiàn),使用EXT格式化JSON數(shù)據(jù)非常簡(jiǎn)單,并且可以大大提高數(shù)據(jù)的可讀性和易用性。