关于easyUI在子页面增加显示tabs的一个问题
来源:互联网 发布:网络连接没有本地连接 编辑:程序博客网 时间:2024/05/29 04:45
关于easyUI在子在父页面点个链接能动态看到子页面的情况太简单,请看easyUI官网:http://www.jeasyui.com/tutorial/layout/tabs2.php
现在说的是在子页面点个按钮也能触发增加子页面的情况。
情景是,在父页面上有个div如:
- <div class="easyui-tabs" id="main" fit="true" border="false">
- <div title="Welcome" iconCls="icon-page" style="padding:20px;overflow:hidden;">
- </div>
- </div>
在子页面上有个
- <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="testAddSubPage('new tab','http://www.baidu.com')">test add subpage</a>
-
现在想点这个链接能弹出一个新的tab,tab里面的内容是百度主页。关键的问题来了,就是testAddSubPage这个function怎么写。
直接这样写是不行的:
- function testAddSubPage(title,url){
-
- var parentMain = window.parent.document.getElementById("main");
-
- var $main = $(parentMain);
-
- var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
- $main.tabs('add',{
- title:title,
- content:content,
- closable:true
- }
- );
-
- }
这里虽然可以取到父页面那个id为main的div对象,但是把这个dom对象转化为jquery对象$main之后,$main.tabs('add',{...})这个方法死法报错不能通过。
改正的关键是用top.jQuery这个函数,这个函数具体出外我忘记了,用法看似是取得整个父页面对象,正确是写法:
- function testAddSubPage(title,url){
-
- var jq = top.jQuery;
-
- if (jq("#main").tabs('exists', title)){
- jq("#main").tabs('select', title);
- } else {
- var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
- jq("#main").tabs('add',{
- title:title,
- content:content,
- closable:true
- });
- }
- }
这样,在子页面点击test add subpage这个链接之后,就会根据传入的url弹出另一个子页面,这里是百度。
页面增加显示tabs的一个问题
在父页面点个链接能动态看到子页面的情况太简单,请看easyUI官网:http://www.jeasyui.com/tutorial/layout/tabs2.php
现在说的是在子页面点个按钮也能触发增加子页面的情况。
情景是,在父页面上有个div如:
- <div class="easyui-tabs" id="main" fit="true" border="false">
- <div title="Welcome" iconCls="icon-page" style="padding:20px;overflow:hidden;">
- </div>
- </div>
在子页面上有个
- <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="testAddSubPage('new tab','http://www.baidu.com')">test add subpage</a>
现在想点这个链接能弹出一个新的tab,tab里面的内容是百度主页。关键的问题来了,就是testAddSubPage这个function怎么写。
直接这样写是不行的:
- function testAddSubPage(title,url){
- var parentMain = window.parent.document.getElementById("main");
- var $main = $(parentMain);
- var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
- $main.tabs('add',{
- title:title,
- content:content,
- closable:true
- }
- );
- }
这里虽然可以取到父页面那个id为main的div对象,但是把这个dom对象转化为jquery对象$main之后,$main.tabs('add',{...})这个方法死法报错不能通过。
改正的关键是用top.jQuery这个函数,这个函数具体出外我忘记了,用法看似是取得整个父页面对象,正确是写法:
- function testAddSubPage(title,url){
- var jq = top.jQuery;
- if (jq("#main").tabs('exists', title)){
- jq("#main").tabs('select', title);
- } else {
- var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
- jq("#main").tabs('add',{
- title:title,
- content:content,
- closable:true
- });
- }
- }
这样,在子页面点击test add subpage这个链接之后,就会根据传入的url弹出另一个子页面,这里是百度。
0 0
- 关于easyUI在子页面增加显示tabs的一个问题
- 关于easyUI在子页面增加显示tabs的一个问题
- 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
- easyui 在tabs子页面关闭当前tabs
- easyui-tabs关闭页面的问题
- 关于tabs如何跳转页面的问题
- JQeury Iframe 在子页面获取父页面的tabs
- 关于在iframe嵌套子页,子页面页面过期后,一些链接的登录框在子页面显示的问题
- 关于在iframe嵌套子页,子页面页面过期后,一些链接的登录框在子页面显示的问题
- 关于时间在页面显示的问题
- easyui-tabs关闭页面
- jquery easyui tabs的刷新问题
- easyui实现tabs选项卡之间的切换(只显示一个)
- 关于easyui加载子页面无法加载js问题
- Android开发-关于Activity启动模式
- Android内存优化之——static使用篇
- Unity3D组件手册-Box Collider
- 一元多项式化简
- mongodb的一个小坑
- 关于easyUI在子页面增加显示tabs的一个问题
- x86_64系统 yum安装i386包
- python urllib 和urllib2的区别
- Java 9中新的货币API
- 《剑指offer》——任意两个整数相加(乘)
- Xcode升级后,遇到的告警和解决方法
- SQL Server完全删除问题
- python property
- 三大GUI库——AWT、swing、SWT