首页 > 其他 > 详细

easyui框架对tab的限制提示

时间:2014-11-05 18:50:43      阅读:267      评论:0      收藏:0      [点我收藏+]

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

给个效果图片:

bubuko.com,布布扣

easyui框架对tab的限制提示

原文:http://www.cnblogs.com/angelasp/p/4076782.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!