zoukankan      html  css  js  c++  java
  • easyui-tabs扩展根据自定义属性打开页签

    1.增加扩展
      <script type="text/javascript" >
            /**
     * @author {kexb} easyui-tab扩展根据id切换页面
     */
            $.extend($.fn.tabs.methods, {
                getTabById: function (jq, id) {
                    var tabs = $.data(jq[0], 'tabs').tabs;
                    for (var i = 0; i < tabs.length; i++) {
                        var tab = tabs[i];
                        if (tab.panel('options').id == id) {
                            return tab;
                        }
                    }
                    return null;
                },
                selectById: function (jq, id) {
                    var tab;
                    var tabs = $.data(jq[0], 'tabs').tabs;
                    for (var i = 0; i < tabs.length; i++) {
                         tab = tabs[i];
                        if (tab.panel('options').id == id) {
                            break;
                        }
                    }
                    if (tab != undefined)  {
                    
                        var curTabIndex = $("#tabs").tabs("getTabIndex", tab);
                        $('#tabs').tabs('select', curTabIndex);
                    }
    
                },
                existsById: function (jq, id) {
                    return jq.tabs('getTabById', id) != null;
                }
            });
        </script>
    2.点击事件open方法
        function Open(text, url, id) {
            var tabId = ReplaceAll(url, '/','');
            var h = ComputGridHeight();
            if (url == "null" || url == "" || url == "") {
                return;
            }
            if ($("#tabs").tabs("existsById", tabId)) {
               
                $("#tabs").tabs("selectById", tabId);
            }
            else
            {
               
                if (url.indexOf("?") < 0) {
                    url += "?_menuId=" + id;
                }
                else {
                    url += "&_menuId=" + id;
                }
       
                $('#tabs').tabs('add', {
                    id:tabId,
                    title: text,
                    closable: true,
                    content: createTabContent(url, h),
                    url: url
                });
            }
        }
  • 相关阅读:
    WPF 中使用 Resource 实现多语言
    webapi入门 如何调用
    webapi入门2
    webapi 入门
    asp.net web page 中如何添加引用
    几个Is函数
    webGrid内容格式化
    Validation
    HTML FORM
    访问数据库
  • 原文地址:https://www.cnblogs.com/kexb/p/5728000.html
Copyright © 2011-2022 走看看