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
- easyui Tabs中的链接/按钮点击后添加一个新TAB的解决方法
- 使用easyui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法
- EasyUI—点击tab内容中的链接,在父级tab上新增一个tab
- EasyUI—点击tab内容中的链接,在父级tab上新增一个tab
- jquery easyui tabs 在子Tab页中动态添加创建新tab页
- jquery easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- jquery easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- jquery easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- easyui 在子tab页中打开新tab页(关于easyUI在子页面增加显示tabs的一个问题)
- Easyui Tabs执行close,再执行add tab,新的tab页为空白页
- easyui tabs中打开新的tabs关闭当前tabs
- 通过链接添加新的tab页
- easyui中tabs的单tab点击切换其他页面借用update方法
- 点击easyui子页面中的按钮,在父页面中增加显示tabs
- 关于jQuery EasyUI 中刷新Tab选项卡 后一个页面变形的问题的解决方法
- easyui tabs update后tab上关闭图标失效的解决方案
- 点击按钮后弹出新的对话框
- 点击链接按钮后页面总是自动滚动至顶部的解决方法
- [NOIP2012]同余方程
- null强制转任何类型的对象
- Android学习心得(三)关于真机调试后,签名的apk无法安装的问题
- WPF入门基础
- 基于commons-fileupload-1.2.jar的纯jsp文件上传
- easyui Tabs中的链接/按钮点击后添加一个新TAB的解决方法
- 设计模式-抽象工厂模式
- apue习题3.5 a.out > outfile 2>&1重定向问题
- HDU
- 贝叶斯推断 1. 基本概率模型和贝叶斯定理
- notepad++以16进制查看文件
- MySQL写压力性能监控与调优
- java-3-多线程-初步了解-1
- 如何实现OpenStack磁盘数据的可靠性?——Cinder磁盘备份原理和实践