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