zoukankan      html  css  js  c++  java
  • 标签navtab

    创建navtab

    创建一个navtab有以下两种方式:

    1、Data属性:DOM添加属性data-toggle="navtab"后,单击触发。

    a链接示例:

    <a href="form/other.jsp" data-toggle="navtab" data-id="mynavtab" data-reload-warn="已打开业务界面,确认将重新载入?" data-title="我的业务界面">打开navtab</a>

    按钮示例:

    <button type="button" class="btn-green" data-toggle="navtab" data-id="mynavtab" data-title="我的业务界面" data-reload-warn="已打开业务界面,确定将重新载入?" data-url="form/other.jsp">打开navtab</button>

    参数集合写法:

    <button type="button" class="btn btn-blue" data-toggle="navtab"
                                data-options="{id:'mynavtab',reloadWarn:'已打开业务界面,确认将重新载入?',url:'form/other.jsp',title:'我的业务界面(参数集合写法)'}">打开navtab</button>

    其他示例(回调函数)

    <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="form/other.jsp"
                                data-title="navtab回调函数示例" data-before-close="doc_navtab_beforeClose" data-on-close="doc_navtab_onClose">打开navtab</button>

    2、jqueryAPI的方式

    <script type="text/javascript">
                            function openMytab(obj){
                                $(obj).navtab({id:'mynavtab', url:'form/other.jsp', title:'我的业务界面'});
                            }
                        </script>
                            <button type="button" class="btn btn-default" onclick="openMytab(this)">打开navtab</button>

    jqueryAPI代码:

    $(selector).navtab(options);

    注意:

    1、取得当前navtab的内容容器:$.CurrentNavtab

    2、创建已存在相同ID的navtab时,如果url一致(未设置refresh参数时),默认会直接切换到该navtab,否则覆盖已存在的navtab,可以增加reloadWarn参数以获得警告提醒。

  • 相关阅读:
    【UVA11324】 The Largest Clique (Tarjan+topsort/记忆化搜索)
    【洛谷2245】 星际导航 (最小瓶颈路)
    【UVA10816】Travel in Desert (最小瓶颈路+最短路)
    【洛谷 5002】专心OI
    炸金花【大模拟】
    【BZOJ1055】[HAOI2008]玩具取名(区间DP)
    【BZOJ1296】[SCOI2009]粉刷匠 (DP+背包)
    NOIP前的模板
    获取<考试>博文密码!o(*≧▽≦)ツ
    这是个萌新的萌新博客
  • 原文地址:https://www.cnblogs.com/aigeileshei/p/6075955.html
Copyright © 2011-2022 走看看