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 相关文章推荐
jquery 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
JQuery实现表格中相同单元格合并示例代码
Jun 26 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
jQuery实现新消息在网页标题闪烁提示
Jun 23 Javascript
使用javascript插入样式
Mar 14 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
vue.js路由跳转详解
Aug 28 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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全排列递归算法代码
2012/10/09 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
Python切换pip安装源的方法详解
2016/11/18 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
Foreo国际站:Foreo International
2018/10/29 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
网络工程师个人的自我评价范文
2013/10/01 职场文书
房地产销售计划书
2014/01/10 职场文书
写给女朋友的检讨书
2014/01/28 职场文书
迟到检讨书500字
2014/02/05 职场文书
运动会口号8字
2014/06/07 职场文书
在职员工证明书
2014/09/19 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技