easyui-tab扩展根据id切换页面

最新推荐文章于 2020-10-19 16:15:00 发布

cl18334797638

最新推荐文章于 2020-10-19 16:15:00 发布

阅读量1.1k

点赞数

分类专栏： easyui 文章标签： jquery easyui 扩展

easyui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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 
        
         }); 
        
         } 
        
         }