点击左边button,新增一个tab在右边显示。。新的tab请求一个url获取页面信息!

[img]http://dl.iteye.com/upload/attachment/478199/22e4e618-95ea-340e-a24d-c2bfbec5a99c.jpg[/img]

小弟研究好久了,都得不到解决!

1个回答

[code="js"]

/**
 * 响应树节点单击事件
 */

     var mainTabs = new Ext.TabPanel({
    tabPosition:'bottom',
    animCollapse:true,
    activeTab:0,
    enableTabScroll:true,
    height:550,
    border:false,
    //frame:true,
    items:[{
          title:"我的工作台",
          html:"<iframe name='mainFrame'  src='http://www.baidu.com' scrolling='auto' frameborder='0' width='100%' height='100%' ></iframe>"
        }]
 });

 var _i = 1;
function addTab(_id){
  var id = "tab_id_" + _id;
  var n = mainTabs.getComponent(id);
  if (!n) {
     n = mainTabs.add({
       id:id,
       title:id,
       closable:true,
       layout:'fit',
       html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="http://www.baidu.com"></iframe>'             });
       }
  mainTabs.setActiveTab(n);
  }
    var viewport = new Ext.Viewport({
        layout: 'border',
        items: [
        {
            region: 'west',
            width: 200,
            split: true,
            collapsible: true,
            useSplitTips: true,
            margins: '5 0 5 5',
            cmargins: '5 5 5 5',
            bbar:[{
                  text:'click',
                  handler:function(){
                      addTab(_i++);
                      }}]
        },{
            margins:'5 5 5 0',
            layout:'fit',
            region:'center',
            items:[mainTabs]
        }
        ]
    });

[/code]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问