ExtJs框架开发的弹出窗口问题

最新推荐文章于 2018-09-25 15:41:46 发布

转载最新推荐文章于 2018-09-25 15:41:46 发布 · 1.1k 阅读

ExtJs 专栏收录该内容

246 篇文章

订阅专栏

本文详细介绍了使用ExtJS框架创建弹出窗口的方法，包括设置窗口属性、显示窗口以及参数配置等核心步骤。适合正在学习或使用ExtJS进行项目开发的开发者。

ExtJs框架开发的弹出窗口问题

Javascript

专业回答

网站开发互助团团队 xiii130

2013-08-13 13:09

function createWin(w, h, x, y){
    var win = Ext.create('Ext.window.Window',{
        title: ‘窗体标题’,
        layout: 'fit',    //设置布局模式为fit，能让frame自适应窗体大小
        modal: true,    //打开遮罩层
        height: 300,    //初始高度
        width: 300,  //初始宽度
        border: 0,    //无边框
        frame: false,    //去除窗体的panel框架
        html: '<iframe frameborder=0 width="100%" height="100%" allowtransparency="true" scrolling=auto src="xxx.jsp"></iframe>'
    });
    win.setSize(w, h);    //w为设置的宽度，h为设置的高度
    win.setPosition(x, y);    //x为设置的x坐标，y为设置的y坐标
    win.show();    //显示窗口
}

//由于是新建的模式窗口，所以会显示到最上层，不会被遮盖，下面为调用代码，在10，20的位置创建高宽都为500的模式窗体
createWin(500, 500, 10, 20);

如果有不懂的地方，欢迎追问，望采纳。本人长期从事extjs开发，如果您在开发过程中还有其他疑问，也欢迎提问