2012-02-23 91 views
0

我想使JSON在Extjs树中工作,这将有助于简化编辑。extjs树模式的JSON结构

{ 
name: '.', 

department: [{ 
    name:'Basic Ext Layouts', 
    expanded: false, 
    Maths:[{ 
     name:'Absolute', 
     id:'absolute', 
     leaf:true, 
    },{ 
     name:'Accordion', 
     id:'accordion', 
     leaf:true 
    },{ 
     name:'Anchor', 
     id:'anchor', 
     leaf:true 
    },{ 
     name:'Border', 
     id:'border', 
     leaf:true 
    },{ 
     name:'Card (TabPanel)', 
     id:'card-tabs', 
     leaf:true 
    },{ 
     name:'Card (Wizard)', 
     id:'card-wizard', 
     leaf:true 
    },{ 
     name:'Column', 
     id:'column', 
     leaf:true 
    },{ 
     name:'Fit', 
     id:'fit', 
     leaf:true 
    },{ 
     name:'Table', 
     id:'table', 
     leaf:true 
    },{ 
     name:'vBox', 
     id:'vbox', 
     leaf:true 
    },{ 
     name:'hBox', 
     id:'hbox', 
     leaf:true 
    }] 
},{ 
    name:'Custom Layouts', 
    bilology:[{ 
     name:'Center', 
     id:'center', 
     leaf:true, 
    },{ 
    name:'Custom Layouts 2', 
    zoology:[{ 
     name:'Center', 
     id:'left', 
     leaf:true 
    }]},{ 
    name:'Custom Layouts 3', 
    botony:[{ 
     name:'Center', 
     id:'right', 
     leaf:true 
    }]}] 
},{ 
    name:'Combination Examples', 
    English:[{ 
     name:'Absolute Layout Form', 
     id:'abs-form', 
     leaf:true 
    },{ 
     name:'Tabs with Nested Layouts', 
     id:'tabs-nested-layouts', 
     leaf:true 
    }] 
}] 
} 

请帮

+0

你检查ExtJS的文档? http://docs.sencha.com/ext-js/3-4/#!/api/Ext.tree.TreePanel – 2012-02-23 07:44:25

+0

是的,我做了很多研发,但没有得到结果。我需要js代码,它将以这种格式创建树。我想给出一个deoartment的名字,而不仅仅是一个“children:”节点。 – Dhananjay 2012-02-23 07:47:43

回答

2

这里是你的JSON看起来应该像树面板为例:

{ text: 'Maths', id: 'mathDept', children: [ 
     { text:'X1', id: 'x1', leaf: true }, 
     { text:'X2', id: 'x2', leaf: true} 
    ] 
}, 
{ text: 'Biology', id: 'bioDept', children: [ 
     { text: 'Y1', id: 'y1', leaf: true}, 
     { text: 'Y2', id: 'y2', leaf: true} 
    ] 
}, 
{ text: 'English', id: 'engDept', children: [ 
     { text: 'Z1', id: 'z1', leaf: true}, 
     { text: 'Z2', id: 'z2', leaf: true}, 
     { text: 'Z3', id: 'z3', leaf: true}    
    ] 
} 
+0

谢谢,但我想重命名子节点为部门特定节点,如: {text:'Maths',id:'mathDept',Maths:[ {text:'X1',id:'x1',leaf :'}},{}} {text:'X2',id:'x2',leaf:true} ] }, {text:'Biology',id:'bioDept',Biology:[{text:'Y1 ',id:'y1',leaf:true}, {text:'Y2',id:'y2',leaf:true} ] }, {text:'English',id:'engDept',英文:[ {text:'Z1',id:'z1',leaf:true}, {text:'Z2',id:'z2',leaf:true}, {text:'Z3',id :'z3',叶:t rue} ] } – Dhananjay 2012-02-23 09:31:06

+0

我认为它不是不可能的。 @Abdel如何写是唯一的可能性。 – devOp 2012-02-23 11:42:44

+0

我想给json中的每个节点赋予不同的子名称,如何实现它是js文件。 { 名:” ' 部门:[{ 名:' 基本分机布局, 扩大:假的, 数学:[{ 名: '绝对', ID: '绝对', 叶:真, },{ 名称: '手风琴', ID: '手风琴', 叶:真 },{ 名称: '锚', ID: '锚', 叶:真 } ,{ name:'Border', id:'border', leaf:true } – Dhananjay 2012-02-23 13:03:51