scokim
2011-05-09 21:57
浏览 570
已采纳

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • suziwen 2011-05-09 22:34
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题