Home > Article > Web Front-end > EXTJS 4.2 Information Control Window form auto-fill page_html/css_WEB-ITnose
1.html page code:
<div id="component" style="width:100%;height:100%">
<div id="component" style="width:100%;height:100%">
2.Extjs code
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(); } }