父页面动态生成表格,点击按钮将子页面数据回调到父页面的表格中

3 篇文章 0 订阅

父页面动态生成表格,点击按钮将子页面数据回调到父页面的表格中

效果如下:

父页面:


子页面:填写数据,点击保存按钮



父页面:回调数据成功,生成表格


//父页面中动态生成重点部位的表格
	function ZdbwmcTable(_pData) {
		var id = new Date().getTime();
		_pData.id = id;
		var s = "";
		s += '<tr><td style="text-align: center;">' + _pData.s_mc + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_lx + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_zxdhzb + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_zxdzzb + '</td>';
		s += '<td style="text-align: center;">';
		s += '<button οnclick="editTable(this)" type="button" name="ZZBW" id="'
				+ id
				+ '" class="layui-btn layui-btn-mini layui-btn-normal">编辑</button>';
		s += '<button οnclick="deleteTable(this)" name="ZZBW" id="'
				+ id
				+ '" type="button" class="layui-btn layui-btn-mini layui-btn-danger">移除</button></td></tr>';
		$("#zdbwmc_table").append(s);
		zzbw.push(_pData);
	}


controller中接收跳转页面的参数(标志位)

 @RequestMapping(value = "/role/initAddZzdwxx/{s_sjlx}", method = RequestMethod.GET)
    public ModelAndView initAddZzdwxx(@PathVariable("s_sjlx") String s_sjlx){
        ModelAndView mv = new ModelAndView();
        mv.addObject("s_sjlx",s_sjlx);
        mv.setViewName(BASE_ROLE_URL+"/addZzdw");
        return mv;
    }

子页面中接收,然后回调传回父页面


其中choiceLgryBack为父页面中的回调方法


父页面中的回调方法

//添加重点单位信息回调
	function choiceLgryBack(_pData) {
		ZdbwmcTable(_pData);

	}
//动态生成重点部位的表格
	function ZdbwmcTable(_pData) {
		var id = new Date().getTime();
		_pData.id = id;
		var s = "";
		s += '<tr><td style="text-align: center;">' + _pData.s_mc + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_lx + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_zxdhzb + '</td>';
		s += '<td style="text-align: center;">' + _pData.s_zxdzzb + '</td>';
		s += '<td style="text-align: center;">';
		s += '<button οnclick="editTable(this)" type="button" name="ZZBW" id="'
				+ id
				+ '" class="layui-btn layui-btn-mini layui-btn-normal">编辑</button>';
		s += '<button οnclick="deleteTable(this)" name="ZZBW" id="'
				+ id
				+ '" type="button" class="layui-btn layui-btn-mini layui-btn-danger">移除</button></td></tr>';
		$("#zdbwmc_table").append(s);
		zzbw.push(_pData);
	}
就此,父页面中的动态表格生成完成!



如想进一步交流,快快联系我哟~


  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值