【工作笔记】从零开始学ExtJs6( 四）—— 首页树状菜单和Tab页的实现

最新推荐文章于 2018-11-18 00:26:50 发布

dzxjaver

最新推荐文章于 2018-11-18 00:26:50 发布

阅读量667

点赞数 1

分类专栏：工作笔记 ExtJs 文章标签： extjs

本文链接：https://blog.csdn.net/dzxlovelar/article/details/70155768

版权

本文记录了使用ExtJs6开发项目时，如何从零开始实现首页的树状菜单及Tab页切换的功能。首先在app目录下创建data/menuData.json，定义菜单结构，接着加载数据并在主页展示菜单。同时，介绍了在MainController中添加点击逻辑，以及在Left.js组件中监听树形菜单的点击事件，以实现页面跳转。

摘要由CSDN通过智能技术生成

题外话

做一个项目要向完成对应的模块，肯定是先要有树形菜单结构，点击对应才dna跳转到相应界面，在extjs中如何实现。是上周遇到的一个小问题，现在做做记录

app目录下创建data/menuData.json文件（需要的菜单格式）
大致格式

...
"body": [
    {
      "menu": 1,
      "menuCode": "0001",
      "menuName": "系统管理",
      "enable": 1,
      "sortOrder": 1,
      "note": "系统管理",
      "parentMenuId": 0,
      "parentMenuCode": null,
      "menuLevel": 1,
      "authCategoryCode": "",
      "authCode": "",
      "moduleName": "", //跳转路径
      "childMenus": [{}，{}，{}]
...