Структура JSON для режима дерева extjs

Question

Я хотел бы сделать 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 
    }] 
}] 
} 

Пожалуйста, помогите

Answer 1

Вот пример того, как ваш 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}    
    ] 
}