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过滤空格的小函数
Oct 10 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
js实现控制文件拖拽并获取拖拽内容功能
Feb 17 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 Javascript
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
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
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
Add a Table to a Word Document
2007/06/15 Javascript
JavaScript 获得选中文本内容的方法
2009/02/15 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
python使用webbrowser浏览指定url的方法
2015/04/04 Python
Python+django实现简单的文件上传
2016/08/17 Python
python实现分页效果
2017/10/25 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
Python求解正态分布置信区间教程
2019/11/20 Python
通过实例解析python描述符原理作用
2020/01/22 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
python不同版本的_new_不同点总结
2020/12/09 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
Linux文件操作命令都有哪些
2015/02/27 面试题
校园达人秀策划书
2014/01/12 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
导游词之上海豫园
2019/10/24 职场文书
JavaScript实现淘宝商品图切换效果
2021/04/29 Javascript
Java实现聊天机器人完善版
2021/07/04 Java/Android
Win2008系统搭建DHCP服务器
2022/06/25 Servers