easyui,获取tabs标签页内容,以及刷新datagrid

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

因为先点开tab页xxx查看表格，再点另一个tab页xxxx修改部分信息，再切换到tab页xxx，tab页xxx里的datagrid表格不会刷新，显示不了修改的信息（在此tab页按F5刷新可以解决，但是这样不好），所以根据tab标签页的内容来做判断，只要点开tab页xxx就刷新表格。

找到tabs标签页的代码:

<div data-options="region:'center'">
<div id="toptabs" class="easyui-tabs" data-options="fit:true,border:false,onSelect:selectTopTabs" >
<div title="xxx" data-options="href:'<%=request.getContextPath() %>/xxx/index.do'"> </div>
<div title="xxxx" data-options="href:'<%=request.getContextPath() %>/xxxx/index.do'"></div>
<div title="xxxxx" data-options="href:'<%=request.getContextPath() %>/xxxxx/index.do'"></div>
</div>
</div>

添加方法:

function selectTopTabs(){
var tab = $("#toptabs").tabs("getSelected"); //获取选中的标签页面板
var tabObj = tab.panel('options').tab; //相应的标签页对象
var tabTitle = tabObj[0].innerText; //相应的标签页内容
//alert(tabTitle);//可测试,点击tab页,如"xxx",弹出"xxx"
if (tabTitle == "xxx") {
$("#xxxGrid").datagrid("reload"); //刷新datagrid
}
}