easyui框架對tab的限制提示

使用easyui框架若是頁面打開太多可能致使頁面加載緩慢的問題,下面咱們看看代碼怎麼寫:javascript

        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能夠隨便給一個整數就行。java

給個效果圖片:框架

相關文章
相關標籤/搜索