首页 > 网站 > WEB开发 > 正文

easyui框架对tab的限制提示

2024-04-27 14:17:02
字体:
来源:转载
供稿:网友

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可以随便给一个整数就行。

给个效果图片:


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表