easyui框架对tab的限制提示

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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可以随便给一个整数就行。

给个效果图片:

posted @   Angelasp  阅读(2874)  评论(2编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示