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

    }

}

easyui,获取tabs标签页内容,以及刷新datagrid的相关教程结束。