zoukankan      html  css  js  c++  java
  • easyui页签更新

    1.首先引入这个js文件 <script src="/Scripts/tabs.js" type="text/javascript"></script>我直接贴js源码

    /*
    Author:张浩华
    Date:2011.12.27 1:18
    */

    /* 打开一个标签 */
    function OpenTab(title, url, icon){
    /**
    如果这个标题的标签存在,则选择该标签
    否则添加一个标签到标签组
    */
    if($("#tabs").tabs('exists', title)){
    $("#tabs").tabs('select', title);
    }else{
    $("#tabs").tabs('add',{
    title: title,
    content: createTabContent(url),
    closable: true,
    icon: icon
    });
    }
    }

    /* 生成标签内容 */
    function createTabContent(url){
    return '<iframe style="100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
    }

    $(function(){

    //刷新
    $("#m-refresh").click(function(){
    var currTab = $('#tabs').tabs('getSelected'); //获取选中的标签项
    var url = $(currTab.panel('options').content).attr('src'); //获取该选项卡中内容标签(iframe)的 src 属性
    /* 重新设置该标签 */
    $('#tabs').tabs('update',{
    tab:currTab,
    options:{
    content: createTabContent(url)
    }
    })
    });

    //关闭所有
    $("#m-closeall").click(function(){
    $(".tabs li").each(function(i, n){
    var title = $(n).text();
    $('#tabs').tabs('close',title);
    });
    });

    //除当前之外关闭所有
    $("#m-closeother").click(function(){
    var currTab = $('#tabs').tabs('getSelected');
    currTitle = currTab.panel('options').title;

    $(".tabs li").each(function(i, n){
    var title = $(n).text();

    if(currTitle != title){
    $('#tabs').tabs('close',title);
    }
    });
    });

    //关闭当前
    $("#m-close").click(function(){
    var currTab = $('#tabs').tabs('getSelected');
    currTitle = currTab.panel('options').title;
    $('#tabs').tabs('close', currTitle);
    });
    });

     2.父页面html调用位置

    <div class="easyui-tabs" fit="true" border="false" id="tabs">
    <div title="首页">
    <iframe frameborder="0" width="100%" src="about:blank" height="600" id="topPage"
    name="topPage"></iframe>
    </div>
    </div>

    3.//下面因为是在子页面打开的页签所以加了个parent

    function Open(text, url, height) {


    if (parent.$('#tabs').tabs('exists', text)) {
    var tab = $('#tabs').tabs('getSelected');
    alert(33);
    $("#tabs").tabs('update', {
    tab: tab,
    options: {

    href: url
    }
    });
    tab.panel('refresh');
    // parent.$('#tabs').tabs('close', text);
    // parent.$('#tabs').tabs('add', {
    // title: text,
    // closable: true,
    // content: createTabContent(url),
    // url: url
    // });
    //parent.$('#tabs').tabs('select', text);
    } else {
    parent.$('#tabs').tabs('add', {
    title: text,
    closable: true,
    content: createTabContent(url),
    url: url
    });
    }
    }

    子页面调用语句:Open("收藏夹管理", "/Favorites/FavoritesMenuManage.aspx");

  • 相关阅读:
    三款主流静态源代码安全检测工具比较
    原生JS封装ajax以及request
    vue生命周期
    微信 jssdk 逻辑在 vue 中的运用
    JS数组中的indexOf方法
    React和Vue中,是如何监听变量变化的
    Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装
    VUE使用中踩过的坑
    Vue系列(一):简介、起步、常用指令、事件和属性、模板、过滤器
    Vue系列(二):发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡
  • 原文地址:https://www.cnblogs.com/kexb/p/4679560.html
Copyright © 2011-2022 走看看