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時，進行點擊事件刷新。
                   }
                }