9、动态菜单与用户管理系统开发指南

Python

于 2025-07-04 11:05:05 发布

阅读量3

点赞数

CC 4.0 BY-SA版权

分类专栏：掌握Ext JS：从入门到精通文章标签：动态菜单用户管理系统 Ext JS

本文链接：https://blog.youkuaiyun.com/python/article/details/149384409

掌握Ext JS：从入门到精通专栏收录该内容

21 篇文章 ¥399.00 ¥499.90

订阅专栏

超级会员免费看

动态菜单与用户管理系统开发指南

1. 替换视口中心容器

在实现控制器之前，需要创建一个新组件——标签面板（Tab Panel），用于包含从菜单打开的所有屏幕。具体操作如下：
- 创建一个名为 Packt.view.MainPanel 的新类，在 app/view 目录下创建 MainPanel.js 文件，代码如下：

Ext.define('Packt.view.MainPanel', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.mainpanel',
    activeTab: 0,
    items: [
        {
            xtype: 'panel',
            closable: false,
            iconCls: 'home',
            title: 'Home'
        }
    ]
});

该类默认激活的标签页为第一个，即 activeTab 为 0。默认激活项是一个不可关闭的空面板，带有主页图标和标题“Home”。
- 在 app/view/Viewport.js 文件中，将中心容器替换为刚创建的标签面板：