`
openxtiger
  • 浏览: 153169 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

extjs TabPanel 多行标题

 
阅读更多

extjs TabPanel 的标题只能单行,如果设置enableTabScroll为true会滚动,如果想实现多行显示,只要覆盖

adjustBodyWidth : function(w){
        if(this.header){
            this.header.setWidth(w);
        }
        if(this.footer){
            this.footer.setWidth(w);
        }
        return w;
    },

 为

adjustBodyWidth : function(w){
        if(this.header){
            this.header.setWidth(w);
        }
        if(this.footer){
            this.footer.setWidth(w);
        }
   if(this.strip){
            this.strip.setWidth(w);
        }
        return w;
    },

 即可,此时enableTabScroll应该为false,但会发现样式不好看,需要自己调整。

1
0
分享到:
评论

相关推荐

    ExtJs入门实例

    - `multiLine` (可选): 是否启用多行输入模式。 - **示例**: ```javascript Ext.MessageBox.prompt('请输入', '请输入用户名', function(e, value) { if (e === 'ok') { console.log('用户名:', value); } }...

    ExtJs组件类的对应表

    7. **`tabpanel`** - `Ext.TabPanel`,选项面板,用于创建带标签页的面板,每个标签页可以包含不同的内容。 8. **`treepanel`** - `Ext.tree.TreePanel`,树型面板,用于展示层级结构的数据。 9. **`flash`** - ...

    ExtJs xtype一览

    - **`tabpanel` (Ext.TabPanel)**: 选项卡面板组件,可以展示多个选项卡。 - **`treepanel` (Ext.tree.TreePanel)**: 树型面板组件,用于展示层次结构的数据。 - **`flash` (Ext.FlashComponent)**: 自3.0版本开始...

    Extjs实用教程

    - **TabPanel**: `Ext.TabPanel`,选项卡面板。 - **TreePanel**: `Ext.tree.TreePanel`,树形结构组件。 - **Viewport**: `Ext.ViewPort`,视口组件,通常作为整个页面的主要容器。 - **Window**: `Ext.Window`...

    Extjs xtype集合

    - **描述**: 面板组件,可以包含标题、工具栏等。 7. **`tabpanel`:** - **`xtype`**: `tabpanel` - **`Class`**: `Ext.TabPanel` - **描述**: 选项卡面板,用于组织多个页面。 8. **`treepanel`:** - **`...

    ExtJs_xtype一览

    - `tabpanel`:`Ext.TabPanel`,分页容器,每个页签代表一个单独的面板。 - `treepanel`:`Ext.tree.TreePanel`,显示树形结构的数据。 - `flash`:`Ext.FlashComponent`,自3.0版本起支持展示Flash内容的组件。 ...

    ExtJS的xtype列表

    - `tabpanel`: 包含多个选项卡的面板,每个选项卡可以是独立的面板。 - `treepanel`: 展示树形结构数据的组件,支持展开、折叠等操作。 - `flash`: 显示Flash内容的组件。 3. **工具栏组件**: - `paging`: ...

    extjs控件列表

    - **描述**: 多行文本框,用于输入多行文本。 - **用途**: 意见反馈、留言等。 **Ext.form.TextField** - **描述**: 表单文本框,用于输入单行文本。 - **用途**: 输入用户名、邮箱等。 **Ext.form.TriggerField**...

    Ext组件描述,各个组件含义

    通过以上介绍可以看出,ExtJS 提供了丰富的 UI 组件库,涵盖了从基础到高级的各种类型。这些组件不仅提供了强大的功能,还具有高度可定制性,使得开发者能够轻松构建美观且功能完善的 Web 应用程序。

Global site tag (gtag.js) - Google Analytics