TabPanel Viewport

Ext.onReady(function() { var menuTree = new Ext.tree.TreePanel({ region:'west', title:'功能菜单', width:180, minSize:150, maxSize:200, split:true, autoScroll:true, autoHeight:false, collapsible:true, rootVisable:false, //不显示根节点 root:new Ext.tree.TreeNode({ id:'root', text:'功能菜单', draggable:false, expanded:true, listeners:{ 'click':function(node, event) { event.stopEvent(); var n = contentPanel.getComponent(node.id); if (!n) { //判断是否已经打开该面板 n = contentPanel.add({ 'id':node.id, 'title':node.text, closable:true, //通过html载入目标页 html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="button.html" mce_src="button.html"></iframe>' }); } contentPanel.setActiveTab(n); } } }) }); var contentPanel = new Ext.TabPanel({ region:'center', enableTabScroll:true, activeTab:0, items:[{ id:'homePage', title:'首页', autoScroll:true, html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="index.html" mce_src="index.html"></iframe>' }] }); var viewport = new Ext.Viewport({ layout:'border', items:[{ region:"north", height:60, border:false, html:'<div width=100%><table width=100%><tr><td width=55%>fdsfds</table></div>' },menuTree, contentPanel/*{ region:'center', margins:'5 5 5 0', bodyStyle:'background:#f1f1f1', html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="index.html" mce_src="index.html"></iframe>' }*/] }); });

1. tree.on('click', function (node){    
2.     if(node.isLeaf()){      
3.        Ext.get('center-iframe').dom.src = node.attributes.myprop;   
4.    }   
5. });  
6. 1. tree.on('click', function (node){   
   2.             Ext.get('center-iframe').dom.src = node.attributes.href;   
   3. });  
7.  
8. Ext.onReady(function(){
        var panel = new Ext.Panel({        
             renderTo:'pad',
             frame:true,
             html: '<iframe id="frame1" src="index.html" frameborder="0" width="100%" height="100%"></iframe>',
9.           autoHeight:true,
             collapsible: true,
             border:true
         });
        //document.getElementById("frame1").src = "button.html"; 
10.   
      });