easyui-tabs简单操作(随笔)

来源:互联网 发布:网站美工培训班 编辑:程序博客网 时间:2024/06/05 03:41

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时,进行点击事件刷新。                   }                }    
0 0
原创粉丝点击