这周做一个demo,需求是 A选项卡内容为一个datagrid数据表格,选中表格中的某条记录,进行修改,点击修改按钮后,会生成另一个B选项卡作为修改之用。
修改完毕后点击保存,会关闭B选项卡,并跳到A选项卡中,并且刷新其数据表格。
需要三个页面 A选项卡、B选项卡以及主页index
首先B选项卡的代码如下:
function handleApply(flg){
var taskId = $(“#taskId”).val();
KaTeX parse error: Expected '}', got 'EOF' at end of input: .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”);
};
https://blog.csdn.net/u33445687/article/details/84560043