[Ext JS3.9] 标签面板（TabPanel ）介绍与开发

标签面板

标签面板是RIA 类应用使用较多的组件， 因为其可以显示的内容比较多。 标签面板的效果如下图：

标签面板开发也很简单， 配置式的开发代码类似：

{
        xtype: 'tabpanel',
        items: [{
            title: '标签页1',
            html:'标签页1内容'
        }, {
            title: '标签页2',
            html:'标签页2内容'
        }, {
            title: '标签页3',
            html:'标签页3内容'
        }]
    } 

标签面板主要组件类和关系

标签页相关的类有三个：

• Ext.tab.Panel , 主要的面板类， 最上层的面板
• Ext.tab.Tab ， 每个子Tab的子面板
• Ext.tab.Bar ， 最上方的标签按钮工具栏

Ext.tab.Tab 和 Ext.tab.Bar 分别是什么？

• Ext.tab.Tab 指的Ext.tab.Panel 中的单个选项卡 ，也就是子选项页。官方的介绍中：选项卡只是一个稍微自定义的Ext.button.button，样式类似于选项卡，可