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();

        }

    }


相关文章