tabpanel如何隐藏页签表头以及基本用法总结

tabpanel是extjs中一种比较常用的布局容器控件，也比较简单。

        ///1：相关的插件，

        var tabScrollerMenu = Ext.create("Ext.ux.TabScrollerMenu", {

            maxText: 15,

            pageSize: 100

        });

        var tabReorderer = Ext.create('Ext.ux.TabReorderer');

        var tabClosePlugin = Ext.create('Ext.ux.TabCloseMenu', {

            closeTabText: '关闭',

            closeOthersTabsText: '关闭其他页签',

            closeAllTabsText: '关闭所有页签'

        });

        ///2：创建页签容器，内容容器，放置各种控件或者是html

        zhuUx.tabs = Ext.widget('tabpanel', {

            activeTab: 0,

            floating: false,

            plugins: [tabScrollerMenu, tabClosePlugin, tabReorderer],

            region: 'center',

            collapseMode: "undefined",

            listeners: {

                tabchange: {

                    scope: zhuUx,

                    fn: zhuUx.mainTabChanged

                }

            },

            defaults: {

                bodyPadding: 1

            },

            items: []

        });

        /// 3：动态加入页签，避免重复加入页签，

        /// 解决办法是给每个页签加上唯一标记属性，

        /// 判断一下唯一标识是否存在，存在则不添加了

        var currentTabsCount = zhuUx.tabs.items.length;

        for (i = 0; i < currentTabsCount; i++) {

            if (zhuUx.tabs.items.getAt(i).businessObjectId == businessObjectId) {

                zhuUx.tabs.setActiveTab(i);

                return;

            }

        }

        var dataManagerPanel = Ext.create(zhuUx.itemEditor, {

            businessObjectId: businessObjectId,

            closable: true,

            title: "test"

        });

        zhuUx.tabs.add(dataManagerPanel).show();

        ///4：对页签进行隐藏，显示，移除，删除，激活等操作

        zhuUx.tabs.getTabBar().items.getAt(i).show();

        zhuUx.tabs.getTabBar().items.getAt(i).hide();

        zhuUx.tabs.remove()

        ///6：隐藏页签表头

        zhuUx.tabs.getTabBar().hide();

        ///5：页签切换事件

        mainTabChanged: function (tabPanel, newCard, oldCard, eOpts) {

            var zhuUx = this;

            if (newCard != zhuUx.luxianTab) {

                /// 判断数据，是否需要刷新

                try {

                } catch (e) {

                }

            }

            newCard.updateLayout();

        },

        ///6：常见页签的属性与方法

　　　　　　closable ///是否可关闭
　　　　　　iconCls ///图标样式
　　　　　　iconAlign ///图标对齐方式
　　　　　　disabled ///是否禁用