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
    }
}