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