这周做一个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('