[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改

修改前

[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第1张图片

如何找到模板的入口View?

1)打开app.js。发现默认的主视图是Admin.view.main.Viewport。
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第2张图片
2)找到Admin.view.main.Viewport的定义。
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第3张图片
3)查看items属性即可知道具体的定义组件。
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第4张图片
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第5张图片
4)打开NavigationTree.js文件。
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第6张图片

如何修改?

只需对NavigationTree.js中的数据进行相关的修改即可达到自定义左侧菜单树的功能。
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第7张图片

显示如下:
[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改_第8张图片

参考文档

以下列出使用extjs6时会需要参考的文件:
http://docs.sencha.com/extjs/6.2.0/classic/Ext.html
http://fontawesome.io/icons/

你可能感兴趣的:(Ext-JS)