问题描述

extjs 点击jsp页面超链接在tab选项卡里增加

 function renderTopic(value, p, record) {
                    var c = record.get('TASK_ID');
                    return '<a href="jsp/Auditpage.jsp?task_id='+c+'" target="_blank">'+value+'</a>';
                    }

就如这段代码，我想在Tab选项卡里打开而不是打开新页面

解决方案

新建选项卡，设置html为iframe加载你的url

 return '<a href="javascipt:addTab('jsp/Auditpage.jsp?task_id='+c+'')" >'+value+'</a>';

function addTab(href){
  tabpanel.add({ title: 'new Tab', html: '<iframe src="'+href+'"></iframe>' });
}

解决方案二：

 var tab = Ext.create('Ext.TabPanel', {

        id:'myTabPanel',
        title : "--",
        region:'center',
        layout: 'fit',
        xtype:'tabpanel',
        itemId: 'center-tabs',
        defaults : {
            autoScroll : true
        },
        items : [{
            title : "Home Page",
            iconCls: 'House',
            html : '<iframe src= "www.baidu.com" width="100%" height="100%" marginwidth="0" framespacing="0" marginheight="0" frameborder="0" ></iframe>'

        }]
    });

以上为tabpanel

 function renderHist(value, p, record) {
                    var c = record.get('TASK_ID');
                    return '<a href="javascipt:addTab('jsp/Auditpage.jsp?task_id='+c+'')" >'+value+'</a>';
                    }

                function addTab(href){
                    Ext.getCmp('myTabPanel').add({ title: 'new Tab', html: '<iframe src="'+href+'"></iframe>' });
                    }

解决方案三：

 parent.Ext.getCmp("myTabPanel").add

加上parent的就能取到组件了