父页面动态生成表格,点击按钮将子页面数据回调到父页面的表格中
来源:互联网 发布: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);}
@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
- 父页面动态生成表格,点击按钮将子页面数据回调到父页面的表格中
- 点击动态表格数据+自定义属性+跳转页面编码
- php页面表格,加一导入按钮,点击可以将表格导出为Excel 文件的代码
- 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能
- asp.net在页面中动态生成表格
- 在静态HTML页面中动态显示表格数据
- JSP页面动态生成表格并为表格添加事件
- [Javascript]在HTML页面中动态添加表格,动态生成行的示例
- 点击表格中任意一行,转到相应的页面
- 点击easyui子页面中的按钮,在父页面中增加显示tabs
- ajax异步获取数据后动态向表格中添加数据的页面
- asp.net在表格中动态生成一个可以链接到另外一个页面的图片
- 页面表格
- 页面生成带有合计的表格
- 将页面中指定表格的数据导入到Excel中
- 页面表格的绘制
- 页面生成表格方式总结
- 组合控件,点击接口回调到阶梯矩阵页面,点击按钮进度条100%到扫描二维码页面,
- springboot初级入门
- Python基础-数据结构
- vector 多维向量定义及其初始化
- Java学习和就业前景的精准分析
- 17.12.13笔记
- 父页面动态生成表格,点击按钮将子页面数据回调到父页面的表格中
- 第十周项目1
- PHP连接数据库并创建一个表
- c++-进制转换
- as 和which 引导定语从句的异同
- text-align:justify真正作用及无效处理方式
- 发送短信验证码+登陆功能
- 基于简单感知器分类算法(matlab实现)
- 八数码第八境界——IDA*+逆序数判无解