并给panel添加内容

给panel一个id,网上的Ext.Js的Panel放入iframe的三种方法如下

例子:

网上有人写了Ext.Js的Panel放入iframe的二种艺术。但自我要在Ext.Net放入,于是参考它的主意实现了此成效。

给布局内动态增长一个panel,给panel一个id,加内容的时候加到这些id里就足以了

自身的代码如下:

 var str=$('<div> <textarea id="context" name="context" style="height:100%; overflow: auto;border: 1px solid #ccc; min-height: 600px;"></textarea></div>');
                          $('#centBody').layout('add',{
                               region: 'east',
                               width: 500,
                               id:'Textx',
                               title: '项目指引',
                               split: true
                          });
                        str.appendTo($('#Textx'));

 <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>

html:

网上的Ext.Js的Panel放入iframe的两种办法如下,原文地址:http://www.cnblogs.com/hannover/archive/2011/01/24/1943507.html

 <div data-options="region:'center',collapsible:false,border:false" style="padding: 0px 5px 0px 0px;
            height: 100%" id="ceshi">
            <div class="easyui-layout" data-options="fit:true,border:false" style="margin: 0px;
                padding: 0px; width: 100%; height: 100%;" id="centBody">
                <%--<div data-options="region:'east',split:true" title="East" style="width: 100px;">
                    文本框
                </div>--%>
                <div data-options="region:'center',collapsible:false,border:false" style="padding: 0px 5px 0px 0px;
                    height: 100%" title="项目分类" id="getTitle" style="height: 100%; width: 100%;overflow:auto;">
                    <div id="TreeCatalog">
                    </div>
                </div>
            </div>
        </div>

方法一:

 

//定义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>’  
            });    
 

 

 方法三:

var panel2 = new Ext.Panel( {   
                id:  “panel2”,   
                contentEl: “frame1”  
            });     
  
// 后边将frame导航到任何URL   
     document.getElementById(“frame1”).src = “xxx.html”;