关于Ext的一些使用心得

学来的，怕忘了，记录下。

1、

当width和height都设为百分比时，在onReady函数中加入窗口监听能在窗口调整大小时，组件调整布局。非常好用

Ext.EventManager.onWindowResize(function(){
Ext.ComponentManager.each(function(cmpId,cmp,length){
if(cmp.hasOwnProperty("renderTo")){
cmp.doLayout();
}
});
});

经过实验发现其实做简单的做法是使用Ext.Viewport，这样直接可以做到页面的自动调整大小。

2、

Ext.Loader.setPath('Ext.ux', 'extjs/ux');         //在我的Ext 4.2中不加这句后面的GroupTabPanel是加载不出来的。
var tabs7 = Ext.create('Ext.ux.GroupTabPanel', {
activeGroup: 0, //设置当前活动的分组
width :'100%',
height:'100%',
items: [
{
expanded: false,
mainItem: 0, //设置主要的item，这个tab会在最上面，以文件夹方式展示出来。
items: [
{
title: '项目1',
html: "<b>第一组第一项正文。</b>"
},
{
title: '项目2',
html: "<b>第一组第二项正文。</b>"
},
{
title: '项目3',
html: "<b>第一组第三项正文。</b>"
}
]
}
,{
expanded: true,
items: [{
title: '项目1',
html: "<b>第二组第一项正文。</b>"
}, {
title: '项目2',
html: "<b>第二组第二项正文。</b>"
}]
}
]
});

 {xtype : "tbfill"}与 '->'同效