最近一个应用场景,根据不同的业务类别显示不同的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'
);