easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法

Posted Mr_伍先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法相关的知识,希望对你有一定的参考价值。

1.示例1

新增一个按钮   添加点击事件 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>


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

 

 

2.示例2

/**
 * 竞价情况
 */
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>‘;
  
}

 

以上是关于easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

Layuilayui中iframe子页面中的链接点击后在父页面中动态添加tab选项

easyui tab标签页 怎么在页面加载的时候一次性把三个标签页的内容全部加载完?

完成后台管理系统功能添加商品中的商品类目的展示

easyUI树形节点点击和动态添加Tab-

easyUI树形节点点击和动态添加Tab

EasyUI创建异步树形菜单和动态添加tab页面