動態修改easyui元件tab的title屬性
阿新 • • 發佈：2018-12-23
最近一個應用場景，根據不同的業務類別顯示不同的table頁面，那麼此時tab標題怎麼轉換處理呢？
思路1：
其實我們tab元件依賴於panel，所以我們可以通過tab獲取我們需要修改的panel，通過panel來修改它的標題。
如：$('#testTab').panel('setTitle','改變標題');
思路二：
我們也可以通過tab的API,update方法修改我們tab屬性。
var tab = $('#tt').tabs('getTab',0); // 取得第一個tab
$('#tt').tabs('update', {
tab: tab,
options: {
title: 'New Title'
}
});
思路3：
這種方法比較麻煩，通過jquery的思想，通過渲染的tab頁面獲取到所要修改的tab，然後設定標題
var titles = $('#myTabs').find('.tabs-header:first').find('.tabs-title');
titles.eq(0).text('標題0');
titles.eq(1).text('標題1');
titles.eq(2).text('標題2');