EasyUI中的Tabs名稱變化的簡單示例

首先是在使用tabs的頁面前台（一般若使用layout布局的話，則在layout頁面）：

此js**的作用為：檢視不同資料（單擊datagridv行觸發事件）的時候，如果沒有此「檢視頁面」標籤，則新增，若有此標籤，則回選中此標籤產生不同的tabs頁面。

由於每次檢視時候的標籤名稱都為「檢視頁面」，則其每次都會回選到檢視頁面，但其並不會重新整理（update）當前頁面的資料。

但是判定的條件是title是相等的為true，難道換乙個判斷條件？

但這樣做的話每次都會產生乙個新頁面，而且需要字尾乙個標示符來區別每乙個標籤（一般選擇主鍵id），非常不美觀。

處理辦法：

如下**，在var content =tabs中新增的內容，可以是乙個獨立的頁面，也可以是乙個模板頁，由於每次向標籤頁新增內容的時候，其檢視資料時候傳的引數不會相同（主鍵id），故url不會相同，var content也不會相同，所以問題解決了

function
addtab(title, url) 
});}
}else
); }
}

這樣的話，每次檢視都會判定content 和options.content是否相同來決定是否新增乙個新tab；但每次檢視都只顯示乙個tabs頁面，如果需要另起乙個新頁面，則可以在datagridv出新增乙個右鍵新建檢視的頁面的事件，然後再繫結

$('#tab').tabs('add', );

方法即可，這裡不做相關**解釋。

新增資料——如下：

function add(bh) 
else
}

單擊檢視資料——如下：

onclickrow:function
(rowindex, rowdata) ;
var url='頁面位址';
var title='檢視頁面';
if(window.parent.addtab)
else
});

注：這裡用到的是datagrid的行單擊事件，如有需要可另寫js事件。