extjs树模式的JSON结构

时间:2012-02-23 06:27:57

标签: json extjs

我想以这样的方式制作JSON,它可以在Extjs树中工作,这将有助于简化编辑。

{ 
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
    }]
}]
}

请帮忙

1 个答案:

答案 0 :(得分: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}             
    ]
}