ext gridPanel 自适应高度

本文介绍了一种不依赖外部库的方式,通过获取容器内部的高度并以此为参考设定GridPanel的高度。作者分享了具体的实现代码及核心思路。

研究了一整天终于搞定了 我没有使用网上的那些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);
});
}

不明白的可以留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值