EasyUi 关闭一个tab选项卡后,跳到另一个选项卡,并刷新这个选项卡中的数据表格

这周做一个demo,需求是 A选项卡内容为一个datagrid数据表格,选中表格中的某条记录,进行修改,点击修改按钮后,会生成另一个B选项卡作为修改之用。

修改完毕后点击保存,会关闭B选项卡,并跳到A选项卡中,并且刷新其数据表格。

需要三个页面 A选项卡、B选项卡以及主页index

首先B选项卡的代码如下:

function handleApply(flg){
	var taskId = $("#taskId").val();
	$.ajax({
		url:"${pageContext.request.contextPath}/approveTask",
		aysnc:true,
		type:"post",
		data:{
			flg:flg,
			taskId:taskId
		},
		success:function(data){
			if(data=="success"){
				$.messager.alert("","操作成功!","info",function(){
                                //获取index层面
                                var jq = top.jQuery;
                                //调用index中的这个方法
                                parent.reloadTabGrid("待办任务管理");
                                //在B页面中关闭当前选项卡
                                jq("#myTabs").tabs('close', "办理任务"); 
                        });
			}else{
				$.messager.alert("","操作失败,请联系管理员!","info");
			}
		}
	})

index页面的代码:

function reloadTabGrid(title){
      	if ($("#myTabs" ).tabs('exists', title)) {
            $( '#myTabs').tabs('select' , title);
            if(title=="待办任务管理"){
            	 window.top.reload_daiBanTable.call();
            }
      	}
    }

A页面的代码:

window.top["reload_daiBanTable"]=function(){
		$("#daiBanTable").datagrid( "load");
	};	

 

你可能感兴趣的:(问题)