创建一个navtab有以下两种方式:
data-toggle="navtab"后,单击触发。
打开navtab
DOM示例2:
DOM示例3(参数集合):
其他示例[回调函数]:
<script type="text/javascript">
function doc_navtab_beforeClose($navtab) {
var code = $navtab.find('#doc-mytab-code').val()
if (code) return true
$navtab.alertmsg('error', '关闭navtab前请先填入你的工号。')
return false
}
function doc_navtab_onClose() {
$(this).alertmsg('info', '你刚刚关闭了一个navtab。')
}
</script>
<button type="button" class="btn-green" data-toggle="navtab" data-id="mynavtab" data-reload-warn="已打开业务页面,确认将重新载入?" data-url="doc/navtab/mytab.html?d=3" data-title="navtab回调函数示例" data-before-close="doc_navtab_beforeClose" data-on-close="doc_navtab_onClose">打开navtab</button>
本例完整代码:
<script type="text/javascript">
function openMytab(obj) {
$(obj).navtab({id:'mynavtab', url:'doc/navtab/mytab.html', title:'我的业务页面'});
}
</script>
jQuery API代码:
$(selector).navtab(options)
- 取得当前navtab的内容容器:
$.CurrentNavtab- 创建已存在相同ID的navtab时,如果url一致(未设置
fresh参数时),默认会直接切换到该navtab,否则覆盖已存在的navtab,可以增加reloadWarn参数以获得警告提醒