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

来源:互联网 发布:淘宝code和阿里云code 编辑:程序博客网 时间:2024/06/05 15:01

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)      }     });在需要执行更新的代码处加入上述代码就可以实现当前代码的更新。`
阅读全文
0 0
原创粉丝点击