參數(options)
DOM方式初始化navtab的,推薦使用集合屬性data-options定義參數,如果使用data屬性定義參數,注意轉換成對應的名稱。
名稱 | 類型 | 默認值 | 描述 |
id | string | undefined | [必選]標簽的ID,如果指定重復,將覆蓋現有ID相同標簽 |
title | string | New tab | [可選]標簽打開后顯示的名稱 |
url | string | undefined | [可選]D-Url 請求數據的url,a鏈接觸發時可以將url定義在href屬性 |
external | boolean | false | [可選]是否以iframe方式加載外部界面 |
type | string | GET | [可選]Http請求方式,可選‘GET/POST’ |
data | object | {} | [可選]請求url時,需要發送的data數據 |
loadingmask | boolean | true | [可選]ajax請求時是否顯示數據加載遮罩 |
fresh | boolean | false | [可選]是否保持該navtab的新生狀態,表現在重復打開該navtab時,是否重新載入內容 |
reloadWarn | string | null | [可選]當准備在已存在的navtab上加載內容時的確認提示信息 |
autofresh | boolean/int(秒) | false | [可選]指定navtab是否可以自動刷新,為true時默認間隔15秒自動刷新,指定具體的秒數則指定的間隔秒數自動刷新 |
onLoad | function($navtab) | null | [可選]navtab加載完成之后的事件回調,回調函數的參數$navtab為該navtab內容區的jQuery對象 |
beforeClose | function($navtab) | null | [可選]返回值:boolean navtab關閉前的事件回調,返回true則關閉,返回false不關閉。 |
onClose | function() | null | [可選]navtab關閉之后的事件回調 |
方法
方法名 | 參數類型 | 參數說明 | 描述 |
switchTab(tabid) | string | 標簽ID | 切換到某個標簽 |
refresh(tabid) | string | 標簽ID,ID為空則刷新當前標簽 | 刷新某個標簽 |
reloadFlag(tabids) | string | 一個或多喝標簽ID,多個ID以,分隔 | 為某(幾)個標簽設定重載標記(當切換到該標簽時重新載入) |
reload(options) | object | 同navtab默認參數 | 重新載入某個標簽,如歸未指定ID,則默認重載當前標簽 |
closeTab(tabid) | string | 標簽ID | 關閉某個標簽 |
closeCurrentTab([tabid]) | string | 標簽ID,可選 | 關閉當前標簽 |
closeAllTab() | -- | -- | 關閉所有標簽 |
事件
事件名稱 | 中文說明 | 描述 |
bjui.beforeLoadNavtab | 載入navtab內容前事件 | 監聽該事件,可以在載入navtab內容前進行操作 |
bjui.beforeCloseNavtab | 關閉navtab內容前事件 | 監聽該事件,可以在關閉navtab之前進行操作 |
這樣監聽navtab的事件:
$(document).on('bjui.beforeLoadNavtab',function(e){ var $navtab=$(e.target) // do somethig });