EXTJS4.x之实战项目（2）左侧菜单数据填充数据

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，步骤跟上面一样，最终效果如下图