ext gridPanel 自适应高度
研究了一整天终于搞定了 我没有使用网上的那些div之类的 我的思想很简单就是在gridpanel所在的容器显示之前获得容器内部的高度 通过这个高度来做一个参考设定其气元素gridpanel的高度,部分代码如下 Crim.monitorwarnning.enterpriseUniteView.QiYeFenHongDetailsWindow.superclass.constructor.c
研究了一整天终于搞定了 我没有使用网上的那些div之类的 我的思想很简单就是在gridpanel所在的容器显示之前获得容器内部的高度 通过这个高度来做一个参考设定其气元素gridpanel的高度,部分代码如下
Crim.monitorwarnning.enterpriseUniteView.QiYeFenHongDetailsWindow.superclass.constructor.call(this, Ext.applyIf(config, {
title: '企业分红信息',
iconCls: 'icon-moreinfo',
resizable: false,
width: 650,
height: 420,
autoScroll: true,
/// plain: true,
layout: "border",
closeAction: 'close',
modal: true,
defaults: {
baseCls: 'x-plain'
},
items: [{
region:"north",
//layout: "form",
margins: "5 5 5 5",
border: true,
iconCls: 'panel-search-icon',
items: [new Crim.monitorwarnning.enterpriseUniteView.QiYeFenHongFormPanel({
id:"中国软件分红"
})]
},{
region:'center',
layout: "border",
border: true,
iconCls: 'panel-search-icon',
items: [{
region:"west",
border:true,
layout:"border",
margins: "0 5 5 5",
width:"50%",
//autoHeight:true,
iconCls: 'panel-search-icon',
id:"westPanel",
items: [{
region:"center",
border:true,
// layout:"fit",
// margins: "0 5 5 5",
// width:"50%",
autoHeight:true,
iconCls: 'panel-search-icon',
// id:"westPanel",
//这个是gridpanel 我自己封装的ext类
items:new Crim.monitorwarnning.enterpriseUniteView.FenHongGridPanel({
id:"1212"
})
}]
},{
region:"center",
margins: "0 5 5 0",
border: true,
layout:"fit",
iconCls: 'panel-search-icon',
items: pieCharPanel
}]
}]
}));
this.on('close', function(win){
win.hide();
return false;
}, this);
//这是实现的核心
this.on("beforeshow",function(){
alert(Ext.getCmp("westPanel").getSize().height);
Ext.getCmp("1212").setHeight(Ext.getCmp("westPanel").getSize().height-100);
});
}
不明白的可以留言
更多推荐
所有评论(0)