5.6.1 Ext JS之标签页的关闭和批零关闭

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

Tab Panel 是包含多个标签页的面板, 这是一种很常用的组件, 类似于浏览器的标签页。关于 Ext JS的Tab Panel的基本使用可以参考:
[Ext JS3.9] 标签面板(TabPanel )介绍与开发, 本篇介绍如何关闭单个标签页和批量关闭标签页。

Tab 标签页的可关闭

默认状况下,标签页是无法关闭的, 通过配置某个标签页的closable: true 可以在该标签按钮的右上方出现一个 “x”的图标, 点击之后可关闭该标签页,显示的效果如下图:
在这里插入图片描述

  • 虽然Ext.tab.Panel 看上去提供了 “closable” 配置, 如下图:
    在这里插入图片描述

但在实际配置中好像没有生效, 可以使用 defaults 配置tab panel 的子项的默认配置,类似:

        defaults:{
            closable: true
        }

Tab 标签的批量关闭

如果标签页很多,逐个关闭势必很麻烦,是否有类似浏览器标签批量关闭的设置呢?

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

“5.6.1 Ext JS之标签页的关闭和批零关闭” 的相关文章