json 含多层子属性

于 2009-08-12 14:21:06 发布 · 237 阅读

文章标签：

#json #EXT #Java

ExtJs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用ExtJS框架中的JsonReader组件来解析JSON数据，并通过ColumnModel定义数据展示方式。具体包括两种情况：一种是JSON数据中b字段为对象时的数据映射方法；另一种是b字段为列表时的映射方式。

[b][color=blue]1,[/color][/b]

[b]
a:
b: { ba: bb: }
[/b]
//1to1


var data = {
	totalProperty:1,
	root:[{ 'a': '1','b':{'ba': '21','bb':'22'}}]
};


var reader = new Ext.data.JsonReader({
   totalProperty: 'totalProperty',
   root:'root'	
},[
   {name:'a'},
   {name:'b_ba',mapping:'b.ba'},
   {name:'b.bb',mapping:'b.bb'}
])

ColumnModel:
   {header:'A',dataIndex:'a'},
   {header:'B.BA',dataIndex:'b_ba'},
   {header:'B.BB',dataIndex:'b.bb'},

[b][color=blue]2,[/color][/b]

[b]
a:
b: [{ ba: },{ bb: }]
[/b]

//b:list


var data = {
	totalProperty:1,
	root:[{ 'a': '1','b':{'ba': '21','bb':'22'}}]
};


var reader = new Ext.data.JsonReader({
   totalProperty: 'totalProperty',
   root:'root'	
},[
   {name:'a'},
   {name:'b_ba',mapping:'[color=green]b[0][/color].ba'},
   {name:'b.bb',mapping:'[color=green]b[1][/color].bb'}
])

ColumnModel:
   {header:'A',dataIndex:'a'},
   {header:'B.BA',dataIndex:'b_ba'},
   {header:'B.BB',dataIndex:'b.bb'},