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

来源:互联网 发布:understand mac注册码 编辑:程序博客网 时间:2024/06/05 13:49

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

效果如下:

父页面:


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



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


//父页面中动态生成重点部位的表格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 onclick="editTable(this)" type="button" name="ZZBW" id="'+ id+ '" class="layui-btn layui-btn-mini layui-btn-normal">编辑</button>';s += '<button onclick="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 onclick="editTable(this)" type="button" name="ZZBW" id="'+ id+ '" class="layui-btn layui-btn-mini layui-btn-normal">编辑</button>';s += '<button onclick="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);}
就此,父页面中的动态表格生成完成!



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


阅读全文
1 0
原创粉丝点击