Question

Extjs打开一个window的url参数问题

我想写一个通用的方法，目的是打开一个ext的窗口，如下我将url参数传给如下方法，在autoLoad里我想就加载这个路径，但是貌似这么写不行的，加载不了，我就是不知道这个应该怎么写，如果可以我想把宽度和高度的也通过参数的形式传进来，求高手赐教。
function changeself(u){
var win=new Ext.Window({
title:"窗口",
width:500,
height:400,
modal:true,
autoLoad:{
url:u,//这里我想用传的url参数u
scripts:true
}

});
win.show();
}

Answer 1

代码如下：

function changeself(u){   

    var win=new Ext.Window({   

       title:"窗口",   

       width:500,       

       height:400,         

       layout : 'fit',

       modal:true,       

       items:[ new Ext.Panel({         

            resizeTabs :true,

          autoScroll : true,

          html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src='+u+'></iframe>'

       })]

    });   

    win.show();

   }

 

 

调用如下

changeself(http://www.baidu.com);

 

效果如图

Answer 2

没用过extjs，不过我用的jQuery的dialog插件也会遇到类似的问题，我的解决方法是这样的:

目标页面的html必然写在一个div中，例如
<div dialog_title="title" style="width: 400px; height: 200px;">
content here...
</div>

先通过ajax加载目标，然后再打开窗口，这样title, width, height直接用目标的设定值就行了

只是一个思路，希望对你有帮助

Answer 3

window没有autoLoad，这样试试

function changeself(u){
var win=new Ext.Window({
title:"窗口",
width:500,
height:400,
modal:true,
contentEl : Ext.DomHelper.append(document.body, {
tag : 'iframe',
style : "border 0px none;scrollbar:true",
src : 'http://www.baidu.com',
height : "100%",
width : "100%"
})

win.show();
}

Answer 4

window没有autoLoad，这样试试
function changeself(u){
var win=new Ext.Window({
title:"窗口",
width:500,
height:400,
modal:true,
contentEl : Ext.DomHelper.append(document.body, {
tag : 'iframe',
style : "border 0px none;scrollbar:true",
src :u, //你的参数在这里
height : "100%",
width : "100%"
})
win.show();
}