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 相关文章推荐
javascript题目,重写函数让其无限相加
Feb 15 Javascript
JS cookie中文乱码解决方法
Jan 28 Javascript
jquery scroll()区分横向纵向滚动条的方法
Apr 04 Javascript
jquery操作select大全
Apr 25 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
js实现照片墙功能实例
Feb 05 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
JavaScript框架是什么?怎样才能叫做框架?
Jul 01 Javascript
JS实现的打字机效果完整实例
Jun 20 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来检测proxy
2006/10/09 PHP
PHP实现域名whois查询的代码(数据源万网、新网)
2010/02/22 PHP
php下封装较好的数字分页方法
2010/11/23 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
JS实现导航栏楼层特效
2020/01/01 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
[02:35]DOTA2英雄基础教程 狙击手
2014/01/14 DOTA
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
python+selenium实现QQ邮箱自动发送功能
2019/01/23 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
调用其他python脚本文件里面的类和方法过程解析
2019/11/15 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
2016寒假社会实践心得体会范文
2015/10/09 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python
Elasticsearch 数据类型及管理
2022/04/19 Python
nginx 配置指令之location使用详解
2022/05/25 Servers