EXTJS 4.2 资料 控件之Window窗体自动填充页面

时间:2021-03-07 17:38:12

1.html页面代码:

 <div id="component" style="width:100%;height:100%">
<body>
<div id="component" style="width:100%;height:100%">
<script type="text/javascript">
Ext.onReady(function () {
Ext.QuickTips.init();
CompanyGatherForm();
});
</script>
</div>
</body>

2.Extjs代码

   FunctionActionUpdate = function (ContentCategory) {

        var width = document.getElementById('component').clientWidth;//获取当前页面宽度
var height = document.getElementById('component').clientHeight;//获取当前页面高度 if (gridCompanyDetail.getSelectionModel().getSelection()[0] == null)
{ Ext.MessageBox.alert('提示', '请选择要编辑的记录!'); return; }
else
{
//这里要跳转页面
var subWindow = new Ext.Window({
title: '窗口',
width: width,//给Win窗体设定宽度
height: height,//给Win窗体设定高度
modal: true,//模态的 后面的页面就不能点了
frame: true,
layout: 'fit',
closeAction: 'hide',
closable: true, //是否显示关闭按钮
maximizable: true,//最大化
minimizable: true,//最小化
listeners: {
minimize: function (subWindow, opts) {
subWindow.collapse();
}
},
html: '<iframe style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; width: "100%"; height:"100%"; border-right-width: 0px" src=/ProjectWeb/Page/InformationManagement/IM_BS_CompanyGather.html?ContentCategory=' + ContentCategory + ' frameborder="0" width="100%" height="100%"scrolling="no"></iframe>', });
subWindow.show();
}
}