[Ext JS3.9] 标签面板(TabPanel )介绍与开发

news/2024/12/29 4:24:57/

标签面板

标签面板是RIA 类应用使用较多的组件, 因为其可以显示的内容比较多。 标签面板的效果如下图:
在这里插入图片描述

标签面板开发也很简单, 配置式的开发代码类似:


{xtype: 'tabpanel',items: [{title: '标签页1',html:'标签页1内容'}, {title: '标签页2',html:'标签页2内容'}, {title: '标签页3',html:'标签页3内容'}]} 

标签面板主要组件类和关系

标签页相关的类有三个:

  • Ext.tab.Panel , 主要的面板类, 最上层的面板
  • Ext.tab.Tab , 每个子Tab的子面板
  • Ext.tab.Bar , 最上方的标签按钮工具栏

Ext.tab.Tab 和 Ext.tab.Bar 分别是什么?

  • Ext.tab.Tab 指的Ext.tab.Panel 中的单个选项卡 ,也就是子选项页。官方的介绍中:选项卡只是一个稍微自定义的Ext.button.button,样式类似于选项卡,可

http://www.ppmy.cn/news/93434.html

相关文章

【JavaScript】ES6,Proxy,Reflect,Promise,生成器,async/await

❤️ Author: 老九 ☕️ 个人博客:老九的CSDN博客 🙏 个人名言:不可控之事 乐观面对 😍 系列专栏: 文章目录 ES6模板字符串,标签模板字符串函数的默认参数函数的剩余参数剩余参数和arguments有什…

C++常用的支持中文的GUI库Qt 6之二:项目的结构、资源文件的使用

C常用的支持中文的GUI库Qt 6之二:项目的结构、资源文件的使用 上一篇Qt 6的下载、安装与简单使用https://blog.csdn.net/cnds123/article/details/130730203,本文介绍Qt 6的项目的结构、资源文件的使用与发布。 基础 这一部分,初学时不明白…

Redis过期删除策略和内存淘汰机制

目录 一、过期删除策略1、定时删除策略2、惰性删除策略 二、内存淘汰机制 一、过期删除策略 Redis 所有的数据结构都可以设置过期时间,时间一到,就会自动删除。 那么如何进行过期删除的呢?有两种策略: 定时删除策略(…

Vue--》Vue 3 路由进阶——从基础到高级的完整指南

目录 Vue3中路由讲解与使用 路由的安装与使用 路由模式的使用 编程式路由导航 路由传参 嵌套路由 命名视图 重定向与别名 Vue3中路由讲解与使用 Vue 路由是 Vue.js 框架提供的一种机制,它用于管理网页上内容的导航。Vue 路由可以让我们在不刷新页面的情况下…

任务40 评奖系统设计

系列文章 任务40 评奖系统设计 为教务处设计一个学生评价老师的程序: 每位学生投一张票,选出自己最喜爱的老师,选票格式为: | 第一喜爱的老师 | 第二喜爱的老师 |第三喜爱的老师 | | 工号 |工号 |工号 | 上述数据存放在一个数据文件中。 根据票中情况给老师记分,记分规则…

本地项目发布到Github

在 GitHub 上创建一个新的仓库。在仓库页面上点击 “New” 按钮,输入仓库名称和描述,选择公开或私有,然后点击 “Create repository”。 在本地计算机上创建一个新的 Git 仓库。使用 Git 命令行或 Git GUI 工具,进入项目所在的目…

阿里云服务器备份到本地 镜像 快照 OSS存储 (保姆级图文)

目录 省钱措施1. 创建自定义镜像2. 导出镜像创建/选择OSS对象存储空间 3. 下载到本地总结 欢迎关注 『发现你走远了』 博客,持续更新中 欢迎关注 『发现你走远了』 博客,持续更新中 阿里云的这个官方步骤要收几毛钱的费用 因为他要求必须先快照镜像&…

c++ 11标准模板(STL) std::map(五)

定义于头文件<map> template< class Key, class T, class Compare std::less<Key>, class Allocator std::allocator<std::pair<const Key, T> > > class map;(1)namespace pmr { template <class Key, class T, clas…