easyui Tabs中的链接/按钮点击后添加一个新TAB的解决方法

1、在easyui中的标签页中新增一个按钮或者是超链接按钮,想通过该按钮的点击
事件添加一个新的标签页,通常的理解是在子页面中根本获取不到父页面的标签对象自然也就无法为父页面的标签对象再添加个新的Tabs标签页?
2、想要实现点击tab内容中的链接,在父级中tab上新增一个tab的话,须以iframe方式来添加父级tab。

在easyui中标签页的添加是通过html5的”《iframe》”标签实现的页面的嵌套所以在这样的情况下是可以获取到父页面的标签对象进行添加。废话不多说上代码
第一种情况


新增一个按钮   添加点击事件 onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')"


如:

<a href="javascript:void(0)" title="google" onclick="self.parent.addTab('百度','http://www.baidu.com','icon-add')">打开新TAB</a>//找到父级DOM 并完成添加操作


这样点击链接后会增加一个新的TAB

第二中情况

<javascript>
/**
 * 竞价情况
 */
function aucLotBiddingFtt(value, row, index) {
    var title = '竞价情况列表';
    var url = parent.baseUrl + 'auction/auc_price/price_index?auclotId='
            + row.id + '&goodsName=' + encodeURI(row.goodsName) + '&goodsNo='
            + encodeURI(row.goodsNo);
    var icon = 'icon-sys';
   return '<a href="#" onclick="self.parent.addTab(\'' + title + '\',\'' + url + '\',\'' + icon + '\')">查看</a>';

}

3、刷新当前tab

`//刷新当前tab
    var currTab =  self.parent.$('#tabs').tabs('getSelected'); //获得当前tab
    var url = $(currTab.panel('options').content).attr('src');
    self.parent.$('#tabs').tabs('update', {
      tab : currTab,
      options : {
       content : createFrame(url)
      }
     });

在需要执行更新的代码处加入上述代码就可以实现当前代码的更新。`
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值