easyui-tabs简单操作(随笔)

1、获取tab相关属性操作

          // 获取当前tab标题
           var pageTitle = $('.tabs-selected').text();  
          //根据标题(或索引)获取tab
           var tab = $('#centerTabs').tabs('getTab', pageTitle); 
         if (tab){
                  //根据tab获取索引
            var index = $('#centerTabs').tabs('getTabIndex', tab); 
           //按索引默认显示    
            $('#centerTabs').tabs('select',index);//显示  
        }

注:centerTabs为easyui-tabs层的ID

2、在tabs里获取对应的tab,并对tab里的属性相关操作(触发事件等)
前提:tabs使用’iframe’方式加载

                //$('.tabs-selected').text();  
                var tabTitle="销售出库单信息列表";
                var refresh_tab = $('#centerTabs').tabs('getTab',tabTitle);
                if(refresh_tab && refresh_tab.find('iframe').length > 0){ 
                       //获取到选定的tab下的iframe
                    var _refresh_ifram = refresh_tab.find('iframe')[0];
                    //获取到选定的tab下的iframe中的内容(此处默认第一个tab)
                    var refresh_doc = _refresh_ifram.contentWindow;
                    //获取到刷新元素#reflesh
                    var refind = refresh_doc.$('#reflesh');
                if(refind==null){
                    return false;//没有元素时返回false
                } else{ 
                   refind.click();//找到元素ID时,进行点击事件刷新。
                   }
                }    
发布了35 篇原创文章 · 获赞 7 · 访问量 5万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章