1.拖入一个TreePanel到MenuPanel中
设置以下属性
id: 'BaseContentManager';
title: '基础数据管理';
userClassName:'BaseContentManager';
rootVisible: false;
在BaseContentManager上右键点击"Promote To Class"提升到类,完成后工程如下图
2,创建数据源,找到Tree Store拖入工程的stores中,userClassName设置为BaseContentManagerTreeStore,storeid也设置为BaseContentManagerTreeStore,删除默认的Ajax Proxy.添加三个Fields 分别是id,text,view。
为BaseContentManagerTreeStore添加Memoty Proxy。找到Memoty Proxy拖入到BaseContentManagerTreeStore,然后找到Memoty Proxy的data属性,点击编辑在编辑区内输入
[
{
id:1,
text:'文章管理',
view:'MyApp.view.ArticleGridPanel',
leaf:true,
},
{
id:2,
text:'媒体管理',
view:'MyApp.view.MediaGridPanel',
leaf:true,
}
]
3,关联数据
设置BaseContentManaget的store为BaseContentManagerTreeStore
最后的工程如图所示
运行效果如下图
跟上面步骤相同我们创建多一个“栏目管理”菜单,数据源为
[
{
id:101,
text:'栏目管理',
view:'MyApp.view.SectionGridPanel',
leaf:true,
},
{
id:102,
text:'栏目内容管理',
view:'MyApp.view.SectionContentGridPanel',
leaf:true,
}
]
treepanel的id为SectionManager,storeid为SectionManagerTreeStore,步骤跟上面一样,最终效果如下图