Ext.js3.4版本学习3

TabPanel使用
TabPanel是多个不同内容的容器,任意组件直接使用add()函数便可添加到TabPanel中。如果不特别指定xtype,就会默认使用Ext.Panel为这些内容生成子面板。
实例代码:

Ext.onReady(function () {
            var tabs=new Ext.TabPanel({
                renderTo:document.body,
                heirht:100
            });

            tabs.add({
                title:'标题1',
                //使用autoLoad获取后台数据,scripts属性可以执行内容里的JavaScript代码
                autoLoad:{url:'myFirstExt.html',scripts:true}
            });
            tabs.add({
                id:Ext.id(),//tab对应的id,Ext.id()生成唯一id值
                title:'标题2',
                text:'内容2',
                closable:true//是否显示关闭按钮
            });
            tabs.activate(0);//激活指定tab,参数是从0开始的索引值
        });

猜你喜欢

转载自blog.csdn.net/qq_35007219/article/details/79064844