我想用Ext实现类似iframe结构的页面
实现的效果:左侧是树图、右侧是页面
点击左侧树图的叶子节点在右侧显示相应的页面,
尽量多粘贴些代码,谢谢!

解决方案 »

  1.   

    var thisHref = hrefPath + '/' + targetPath + '/'
      + targetPath + '.html';
    var htmlStr = '<iframe name="fra_'
      + itemAtomId
      + '" width="100%" height="100%" frameborder="0" src="'
      + thisHref + '"></iframe>';
    var childTab = new Ext.Panel({
      id : childTabId,
      title : childTabTitle,
      frame : true,
      minTabWidth : 135,
      tabWidth : 135,
      html : htmlStr
    });
    var parentPanel = new Ext.TabPanel({
      id : 'tpnl_' + atomId
    });
    parentPanel.add(childTab);
      

  2.   

    用viewport布局,然后添加你想要的功能
    在samples目录下,应该有对应的例子
      

  3.   

    viewport布局有你所说的这种功能。你去试试吧。