页签控件
# 1 功能介绍
页签控件是一种选项卡切换组件,提供平级的区域将大块内容进行收纳和展现,保持界面整洁。
# 2 控件对象
`kd.bos.form.container.Tab`
# 3 视觉展示
- **默认风格**
![image.webp](/download/010054e02ee74f504135a0596132a1ab1c82.webp)
- **格子风格**
![image.webp](/download/01009a5d70031f0a45e9b050aa44cd7bc5ab.webp)
- **简洁风格**
![image.webp](/download/0100e86f6be8f4ef47de8ab3818ce40ae733.webp)
- **迷你风格**
![image.webp](/download/01001c07213c931541bdb9ca997fb49d9a26.webp)
- **右键关闭菜单项**
![image.webp](/download/01003afc5ac5d1b54bbbb6a9fbe03ee554dd.webp)
- **子页签配置操作**
页签2配置了操作,右边出现配置的功能按钮,监听事件代码见下方`插件示例`
![tabmenu.webp](/download/0100cf862f0ae84e495696f3fee9382f6c4e.webp)
- **和向导控件组合使用**
![image.webp](/download/0100c8139e5e549448198c03839e51431d9e.webp)
# 4 属性说明
## 4.1 通用属性
>通用属性包含字段和控件的一些公有的属性,如宽高,帮助文本等等。请参考[通用属性](https://vip.kingdee.com/article/215559076720798976)
## 4.2 样式属性
>样式属性是每个控件在设计器右侧样式栏可以设置的属性,请参考[样式属性](https://vip.kingdee.com/article/252017936767406336)
## 4.3 业务属性
| 属性名 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| 页签方法 | 下拉 | 水平 | 配置页签方向,分为水平和垂直方向 |
| 页签风格 | 下拉 | 迷你 | 配置页签风格,分为格子,迷你卡片等风格 |
| 隐藏导航栏 | 复选框 | false | 将导航栏隐藏 |
| 关闭所有 | 复选框 | false | 设置是否可以关闭所有可关闭的页签 |
| 滑动页签 | 复选框 | false | 设置页签打开过多时可滑动显示页签,*简洁 风格无该属性* |
| 全屏显示 | 复选框 | ```
false | 是否允许页签全屏显示,*只有默认风格有该属性* | | 页签操作 | 弹框选择 | - | 为当前页签配置框架提供的操作,*子页签有该属性* | # 5 插件示例 * 插件中监听标签切换事件 ```java public class TestPlugin extends AbstractFormPlugin implements TabSelectListener { public void registerListener (EventObject e){ *// 页签添加监听事件* Tab tab = this.getView().getControl("页签控件标识"); tab.addTabSelectListener(this); } *// 重写tabSelected方法* public void tabSelectd(TabSelectEvent event){ *// 点击页签的key* String subTabKey = event.getTabKey(); *// do something...* } } ``` * 插件中监听子页签配置的操作 ```java public class TestPlugin extends AbstractFormPlugin implements ItemClickListener { public void registerListener (EventObject e) { *// 页签添加监听事件* Tab tab = this.getView().getControl("页签控件标识"); tab.addItemClickListener(this); } public void beforItemClick(BeforeItemClickEvent event) { *// 点击item之前触发* } public void itemClick(ItemClickEvent event) { *// 点击item时触发* } } ``` * 激活某个子页签 ```java Tab tab = this.getView().getControl("页签标识"); tab.activeTab("子页签标识"); ``` * 隐藏和显示某个子页签 ```java *// 隐藏某个页签* this.getView().setVisible(false, "子页签标识"); *// 显示某个页签* this.getView().setVisible(true, "子页签标识"); ``` * 页签显示徽标 页签显示徽标和按钮显示徽标实现类似,具体实现请参考:[一篇揭秘如何实现“徽标”效果的好文,速看!](https://vip.kingdee.com/article/315052599252784896)
false | 是否允许页签全屏显示,*只有默认风格有该属性* | | 页签操作 | 弹框选择 | - | 为当前页签配置框架提供的操作,*子页签有该属性* | # 5 插件示例 * 插件中监听标签切换事件 ```java public class TestPlugin extends AbstractFormPlugin implements TabSelectListener { public void registerListener (EventObject e){ *// 页签添加监听事件* Tab tab = this.getView().getControl("页签控件标识"); tab.addTabSelectListener(this); } *// 重写tabSelected方法* public void tabSelectd(TabSelectEvent event){ *// 点击页签的key* String subTabKey = event.getTabKey(); *// do something...* } } ``` * 插件中监听子页签配置的操作 ```java public class TestPlugin extends AbstractFormPlugin implements ItemClickListener { public void registerListener (EventObject e) { *// 页签添加监听事件* Tab tab = this.getView().getControl("页签控件标识"); tab.addItemClickListener(this); } public void beforItemClick(BeforeItemClickEvent event) { *// 点击item之前触发* } public void itemClick(ItemClickEvent event) { *// 点击item时触发* } } ``` * 激活某个子页签 ```java Tab tab = this.getView().getControl("页签标识"); tab.activeTab("子页签标识"); ``` * 隐藏和显示某个子页签 ```java *// 隐藏某个页签* this.getView().setVisible(false, "子页签标识"); *// 显示某个页签* this.getView().setVisible(true, "子页签标识"); ``` * 页签显示徽标 页签显示徽标和按钮显示徽标实现类似,具体实现请参考:[一篇揭秘如何实现“徽标”效果的好文,速看!](https://vip.kingdee.com/article/315052599252784896)
页签控件
# 1 功能介绍页签控件是一种选项卡切换组件,提供平级的区域将大块内容进行收纳和展现,保持界面整洁。# 2 控件对象`kd.bos.form.conta...
点击下载文档
本文2024-09-23 00:40:42发表“云苍穹知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-cangqiong-141021.html
您需要登录后才可以发表评论, 登录登录 或者 注册
最新文档
热门文章