extaspnet 的panel如何动态改变iframeurl

有不少人问这个问题，在这里把我自己的理解回答一下

 

先贴答案

 

前台:

<form id="form1" runat="server"> <ext:PageManager ID="PageManager1" runat="server" /> <ext:Panel ID="Panel1" runat="server" > <Toolbars> <ext:Toolbar runat="server"> <Items> <ext:Button ID="Button1" runat="server" Text="改变iframe" OnClick="Button1_Click"> </ext:Button> </Items> </ext:Toolbar> </Toolbars> </ext:Panel> </form>

 

后台:

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { Panel1.IFrameUrl = "test1.aspx"; Panel1.EnableIFrame = true; Panel1.IFrameName = "f1"; } } protected void Button1_Click(object sender, EventArgs e) { Panel1.IFrameUrl = "test2.aspx"; //这句话是不起作用的 ExtAspNet.PageContext.RegisterStartupScript("window.frames[/"f1/"].location.href='test2.aspx';"); }

 

代码很简单吧

好了，按正常思维，设置一个panel的iframeurl，写法就是page_load中写法

悲催的是一旦页面初次加载完成，你会发现在后台想再改iframeurl就不行了

 

为啥？

 

查看生成的页面源代码对比一下就明白,panel中的iframe加载方式是嵌套在里面的

所以你想动态改url直接透过JS改更容易

所以解决方案就是执行一句JS    ，改变这个f1 iframe 的href，测试一下，搞定

 

extjs中的iframe一直有某些兼容问题，特别是在IE下

很多解决方案(tab)都是嵌套iframe来解决的

坑爹的IE。。。