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="width: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="width:100%;height:100%;"></iframe>‘;
                    $(‘#tabs‘).tabs(‘add‘, {
                        title: title,
                        content: content,
                        closable: true
                    });

                }
            });

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

给个效果图片:

时间: 2024-10-16 08:38:41

easyui框架对tab的限制提示的相关文章

easyui框架--基础篇(一)--&gt;数据表格datagrid(php与mysql交互)

  前  言  php  easyui框架--本篇学习主要是 easyui中的datagrid(数据表格)框架. 本篇学习主要通过讲解一段代码加GIF图片学习datagrid(数据表格)中的一些常用属性,还有与之相关的dialog(对话窗)和texbobox(文本框)的一些常用属性,希望对读者有帮助. 本篇主要分为两个部分讲解: ① 前端PHP代码编写--框架搭建与数据调用 ② 数据库的数据内容与后台数据连接,后台数据传输到前台 以下所有代码HBuider中建立PHP文件实施.(前提php文件可

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

http://blog.csdn.net/jiuqiyuliang/article/details/19967031 目录: 基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一) 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二) 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加.编辑.删除(三) 基于asp.net + easyui框架,一步步学习e

python中使用tab键进行提示(python3有效)

把这个文件导入到python自带的IDE下,再按TAB键就会有提示 需要readline库,在新的版本中,可能名字是gnureadline库, 需要pip install gnureadline 或 pip install readline 也可以在pipy.python.org下载源码进行 /opt/python35/bin/python3 setup.py install 安装 但可能提示:依赖 ncurses ncurses-devel ,readline readline-devel 可

Jquery Easyui框架中常用的验证

对于validatebox空间,验证其输入字符长度的最大值是否超出数据库中设置的字段长度.方法如下: 1 /** 2 * 验证输入字符长度 3 */ 4 $.extend($.fn.validatebox.defaults.rules, { 5 maxLength: { 6 validator: function(value, param){ 7 if(value.length >= param[0]) { 8 // showMsg("输入信息长度不能超过"+ param[0]

对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识

对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识   初次接触Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架,查阅了相关资料,了解了框架如何使用,以及优缺点,下面的说法可能比较浅显,后续的可能在开发过程中能了解的更深刻一些.说的不对的地方请及时指正. 首先,拿到这个框架的时候,第一个想问的问题是为什么想用这块框架,有什么好处,通过查资料浅显的理解为:为了实现应用的松耦合,通过配置完成对数据业务逻辑的处理,节省开发时

JQuery EasyUI框架学习

前言 新项目的开发前端技术打算采用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给了我.在进行开发之前,需要我这菜鸟对EasyUI框架进行一些基础的入门学习.之后会在学习的过程中将自己遇到的问题和有用的东西记录下来. 关于EasyUI EasyUI框架式基于JQuery的,使用它帮助我们快捷的构建web网页.EasyUI框架是一个简单.易用.强大的轻量级web前端javascript框架.现阶段来说,在开发web项目时,前端的开发我们更喜欢使用

我的开源框架之TAB控件

需求 (1)支持iframe.html.json格式的tab内容远程请求 (2)支持动态添加tab (3)支持远程加载完成监听,支持tab激活事件监听 (4)支持reload tab内容[如果是远程加载] (5)支持邮件菜单[未实现] 实现图例 客户代码 1 <body> 2 <div id="text"> 3 <h3>无题</h3> 4 <p>月落湖面两清影,</p> 5 <p>岸柳丝丝弄轻盈.<

easyui框架 combobox绑定数据字典

1,数据说明. 类easyui框架,原理差不多 数据字典格式: tis:这里只是显示的形式,具体获取要通过调试获取id号 2,定义combobox,这里已经写了获取数据的函数 <div id="machineType" class="dev-combobox" style="z-index: 2; width: 190px; display: inline-block;" opt='{"TextField":"

C#开发中碰到的问题------easyUI 框架下dialog加载HTML页面不执行js问题

问题描述: easyUI 框架下,使用easyUI dialog加载HTML页面,HTML页面写在头部的js不会执行 解决办法: 将js写在body里 问题原因: 转[https://www.cnblogs.com/summer_adai/p/3548252.html] 原文地址:https://www.cnblogs.com/LiCoco/p/9117103.html