zoukankan      html  css  js  c++  java
  • easyui 在子tabs中打开新tabs(关于easyUI在子页面增加显示tabs的一个问题)

    现在说的是在子页面点个按钮也能触发增加子页面的情况。 情景是,在父页面上有个div如:

    Html代码  收藏代码
    1. <div class="easyui-tabs" id="main" fit="true" border="false">  
    2.   <div title="Welcome" iconCls="icon-page" style="padding:20px;overflow:hidden;">    
    3.   </div>  
    4. </div>  

     在子页面上有个

    Html代码  收藏代码
    1. <href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="testAddSubPage('new tab','http://www.baidu.com')">test add subpage</a>    
    2.       

     现在想点这个链接能弹出一个新的tab,tab里面的内容是百度主页。关键的问题来了,就是testAddSubPage这个function怎么写。

    直接这样写是不行的:

    Js代码  收藏代码
    1. function testAddSubPage(title,url){  
    2.               
    3.             var parentMain = window.parent.document.getElementById("main");  
    4.               
    5.             var $main = $(parentMain);  
    6.               
    7.             var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" ></iframe>';   
    8.             $main.tabs('add',{  
    9.                     title:title,  
    10.                     content:content,  
    11.                     closable:true  
    12.                 }  
    13.             );  
    14.               
    15.         }  

     这里虽然可以取到父页面那个id为main的div对象,但是把这个dom对象转化为jQuery对象$main之后,$main.tabs('add',{...})这个方法死法报错不能通过。

    改正的关键是用top.jQuery这个函数,这个函数具体出外我忘记了,用法看似是取得整个父页面对象,正确是写法:

    Java代码  收藏代码
    1. function testAddSubPage(title,url){    
    2.               
    3.             var jq = top.jQuery;    
    4.         
    5.             if (jq("#main").tabs('exists', title)){    
    6.                 jq("#main").tabs('select', title);    
    7.             } else {  
    8.                   var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" ></iframe>';     
    9.                    jq("#main").tabs('add',{    
    10.                                       title:title,    
    11.                                       content:content,    
    12.                                       closable:true    
    13.                                     });    
    14.              }    
    15.         }    
     
     
  • 相关阅读:
    Windows XP下 Android开发环境 搭建
    Android程序的入口点
    在eclipse里 新建android项目时 提示找不到proguard.cfg
    64位WIN7系统 下 搭建Android开发环境
    在eclipse里 新建android项目时 提示找不到proguard.cfg
    This Android SDK requires Android Developer Toolkit version 20.0.0 or above
    This Android SDK requires Android Developer Toolkit version 20.0.0 or above
    Android requires compiler compliance level 5.0 or 6.0. Found '1.4' instead
    Windows XP下 Android开发环境 搭建
    Android程序的入口点
  • 原文地址:https://www.cnblogs.com/suxiaBlogs/p/7069959.html
Copyright © 2011-2022 走看看