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");

  • 相关阅读:
    .net core 3.1 过滤器(Filter) 和中间件和AOP面向切面拦截器
    socket通信框架——boost asio
    远程过程调用框架——gRPC
    数据序列化工具——flatbuffer
    springboot项目启动----8080端口被占用排雷经过
    如何配置HOSTS文件
    使用线程Callable实现分段获取一个url连接的资源数据
    Socket网络编程课件
    (6)优化TCP编写 服务器端同时支持多个客户端同时访问
    SpringBoot配置属性之Security
  • 原文地址:https://www.cnblogs.com/kexb/p/4679560.html
Copyright © 2011-2022 走看看