動態修改easyui元件tab的title屬性

2021-08-03 09:57:50 字數 1053 閱讀 7927

最近乙個應用場景,根據不同的業務類別顯示不同的table頁面,那麼此時tab標題怎麼轉換處理呢?

思路1:

其實我們tab元件依賴於panel,所以我們可以通過tab獲取我們需要修改的panel,通過panel來修改它的標題。

如:$('#testtab').panel('settitle','改變標題');

思路二:

我們也可以通過tab的api,update方法修改我們tab屬性。

vartab = $('#tt').tabs('gettab',0);// 取得第乙個tab$('#tt').tabs('update',

});

思路3:

這種方法比較麻煩,通過jquery的思想,通過渲染的tab頁面獲取到所要修改的tab,然後設定標題

vartitles = $('#mytabs').find('.tabs-header:first').find('.tabs-title');

titles.eq(0).text('標題0');

titles.eq(1).text('標題1');

titles.eq(2).text('標題2');

easyui 動態修改視窗title

使用easyui作為前台框架極大的節省了專案資源,easyui官網文件中基本上囊括了所有的方法,但一些靈活性的方法文件中是找不到的,比如說動態替換視窗的屬性,下邊簡單介紹些如何快速替換窗體的title屬性。1 直接替換panel屬性 例如 dr auth panel 所有的窗體都繼承了panel中的...

easyUI跨tab重新整理datagrid

專案上遇到乙個情況,需要在當前頁 tab 完成操作後重新整理另外乙個tab中datagrid的資料,然而在當前tab中獲取到datagrid呼叫其load方法,datagrid從伺服器獲取到資料了,但是那個tab中的datagrid資料清空了!最終沒有找到好的解決方法,只好用一種迂迴的方式解決 1 ...

EasyUI 動態新增元件失效問題

region center style border left none border right none border bottom none datagrid1 border false table div 主要js 初始化列表 function datagridinit else style...