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 相关文章推荐
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 Javascript
快速入门Vue
Dec 19 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
AngularJS的$location使用方法详解
Oct 19 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
Javascript如何实现扩充基本类型
Aug 26 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
一个php作的文本留言本的例子(五)
2006/10/09 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
Python入门_学会创建并调用函数的方法
2017/05/16 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
pycharm运行程序时在Python console窗口中运行的方法
2018/12/03 Python
python动态进度条的实现代码
2019/07/03 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
django 类视图的使用方法详解
2019/07/24 Python
Python assert语句的简单使用示例
2019/07/28 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
python如何更新包
2020/06/11 Python
python 利用zmail库发送邮件
2020/09/11 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
文秘专业应届生求职信范文
2013/11/14 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python