zoukankan      html  css  js  c++  java
  • easyui框架对tab的限制提示

    使用easyui框架如果页面打开太多可能导致页面加载缓慢的问题,下面我们看看代码怎么写:

            var $tab = $('#tabs');
            var tabCount = $tab.tabs('tabs').length;
            var hasTab = $tab.tabs('exists', title);
            var aaaa;
            var content;
            if ((tabCount <= nav_MaxCount) || hasTab) {
    
                btn_cancelClick();
                aaaa = $('#tabs').id;
                $('#tabs').tabs('close', title);
    
                 content = '<iframe scrolling="auto" frameborder="0" id="' + id + '" src="' + url + '" style="100%;height:100%;"></iframe>';
                $('#tabs').tabs('add', {
                    title: title,
                    content: content,
                    closable: true
                });
    
            }
           else
           $.messager.confirm("系统提示", '您当前打开了太多的页面,如果继续打开,会造成程序运行缓慢,无法流畅操作!', function (b) {
                    if (b) {
                        btn_cancelClick();
                        aaaa = $('#tabs').id;
                        $('#tabs').tabs('close', title);
                        content = '<iframe scrolling="auto" frameborder="0" id="' + id + '" src="' + url + '" style="100%;height:100%;"></iframe>';
                        $('#tabs').tabs('add', {
                            title: title,
                            content: content,
                            closable: true
                        });
    
                    }
                });
    

     这段代码:  if ((tabCount <= nav_MaxCount) || hasTab) { 就是判断tab是否大于最大数,当日nav_MaxCount可以随便给一个整数就行。

    给个效果图片:

  • 相关阅读:
    php--有限继承
    面向对象三大特性(封装/继承/多态)
    定义文本溢出
    设计模式
    js数组sort方法
    鼠标移动事件
    单击事件
    数据类型转换与比较
    html主要笔记
    字符串常用的方法
  • 原文地址:https://www.cnblogs.com/angelasp/p/4076782.html
Copyright © 2011-2022 走看看