您的位置:首页 > 产品设计 > UI/UE

easyui-tabs简单操作(随笔)

2015-10-30 09:53 447 查看
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时,进行点击事件刷新。
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: