layui table数据修改的回显方法


Posted in Javascript onSeptember 04, 2019

实现的样式给你们看一波

点击这锅按钮

layui table数据修改的回显方法

layui table数据修改的回显方法

其实回显就是一个赋值的操作,先把form表单的那些input 框的id拿到,在展示成功的那里进行绑值

table.on('tool(test)', function(obj) {
 var data = obj.data;  // 获得当前行数据
 var layEvent = obj.event; // 获得 lay-event 对应的值(也可以是表头的event 参数对应的值)
 var tr = obj.tr;   // 获得当前行 tr 的DOM对象
 if (layEvent === 'plan') {//修改操作
 var data = obj.data;
 layer.open({
  title : '编辑用户',
  type : 1,
  area : [ '62%', '80%' ],
  maxmin : true,
  shadeClose : true,
  content : $('#form'),
  shade : 0 // 不显示遮罩
  ,
  success : function(layero, index) {
  layer.iframeAuto(index);
  console.log(data)
  $('#chc_id').val(data.chc_id); //回显的操作最重要的一步就是这个啦,其他的也是差不多的
   }
 }); 
 } //if结束
   });

好啦,分享结束!

以上这篇layui table数据修改的回显方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
jQuery get和post 方法传值注意事项
Nov 03 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
table行随鼠标移动变色示例
May 07 Javascript
最全面的百度地图JavaScript离线版开发
Sep 10 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
Vue.js之slot深度复制详解
Mar 10 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
基于JavaScript实现简单的轮播图
Mar 03 Javascript
Vue实现商品详情页的评价列表功能
Sep 04 #Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 #Javascript
解决layui表格的表头不滚动的问题
Sep 04 #Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 #Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 #Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 #Javascript
深入浅出vue图片路径的实现
Sep 04 #Javascript
You might like
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
php使用cookie实现记住用户名和密码实现代码
2015/04/27 PHP
浅谈使用PHP开发微信支付的流程
2015/10/04 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
php实现微信支付之退款功能
2018/05/30 PHP
将string解析为json的几种方式小结
2010/11/11 Javascript
jquery.validate分组验证代码
2011/03/17 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
预备党员入党思想汇报
2014/01/04 职场文书
护士进修自我鉴定
2014/02/07 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2015年世界环境日活动总结
2015/02/11 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
2015国庆节感想
2015/08/04 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
SQL Server作业失败:无法确定所有者是否有服务器访问权限的解决方法
2021/06/30 SQL Server
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js