，注意要引入扩展的css样式：

 代码如下

[html]
   

过多选项卡的菜单式展示

   

[Js]
    //选项卡过多溢出时菜单显示
    var tabs5 = Ext.createWidget("tabpanel", {
        renderTo: "content5",
        activeTab: 0,
        width: 600,
        height: 150,
        plugins: Ext.create("Ext.ux.TabScrollerMenu", {
            maxText: 15,
            pageSize: 5
        }),
        items: [{
            title: "tab0",
            html: "第一个tab"
        }]
    });
    Ext.defer(function () {
        var myTabs = [];
        for (var i = 0; i < 15; i++) {
            myTabs.push({
                title: "Tab " + i,
                id: "Tabs5_" + i,
                html: "选项卡文本部分 " + (index) + "

"
            });
        }
        tabs5.add(myTabs);
    }, 1000);

效果：

【extjs api 中文】extjs 过多选项卡的菜单式展示代码

http://m.bbyears.com/wangyezhizuo/33045.html

推荐访问:extjs6 extjs入门 extjs下载 extjs教程 extjs4