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

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

Tab 标签页的可关闭

默认状况下,标签页是无法关闭的, 通过配置某个标签页的closable: true 可以在该标签按钮的右上方出现一个 “x”的图标, 点击之后可关闭该标签页,显示的效果如下图:
5.6.1 Ext JS之标签页的关闭和批量关闭_第1张图片

  • 虽然Ext.tab.Panel 看上去提供了 “closable” 配置, 如下图:
    5.6.1 Ext JS之标签页的关闭和批量关闭_第2张图片

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

        defaults:{
            closable: true
        }

Tab 标签的批量关闭

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

你可能感兴趣的:(Ext,JS开发大全,Ext,JS,Tab,批量关闭)