Ext.Net 的Panel放入iframe

網上有人寫了Ext.Js的Panel放入iframe的三種方法。但我要在Ext.Net放入，于是參考它的方法實作了此功能。

我的代碼如下：

 <ext:Panel ID="PanelCenter" runat="server" Layout="Fit" Region="Center" Frame="true"

                    Html="<iframe id='DataShow' frameborder='0' width='100%' height='100%'></iframe>">

                </ext:Panel>

//定義Iframe

var frame1 = document.createElement("IFRAME");   

        frame1.id = "frame1";   

        frame1.frameBorder = 0;   

        frame1.src = "xxx.html";    

        frame1.height = "100%";   

        frame1.width = "100%";    

//添加

var panel2 = new Ext.Panel( {   

            id : "panel2",   

            items: [ frame1 ]   

            //contentEl: "frame1" //this won't work   

            });  

方法二：

 var panel2 = new Ext.Panel( {   

                id:  "panel2",   

                fitToFrame: true,                   

                html: '<iframe id="frame1" src="xxx.html" frameborder="0" width="100%" height="100%"></iframe>'  

            });    

 方法三：

                contentEl: "frame1"  

            });     

// 後面将frame導航到其它URL   

     document.getElementById("frame1").src = "xxx.html";