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 Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
Jul 27 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
AngularJS 应用身份认证的技巧总结
Nov 07 Javascript
AngularJS中的JSONP实例解析
Dec 01 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
Aug 07 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 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中看实例学正则表达式
2006/12/25 PHP
php简单静态页生成过程
2008/03/27 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
python绘图库Matplotlib的安装
2014/07/03 Python
python tornado使用流生成图片的例子
2019/11/18 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
人事主管岗位职责范本
2013/12/04 职场文书
护理专业自荐信范文
2014/02/26 职场文书
销售员岗位职责
2015/02/10 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android