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 Callbacks完整功能代码详解
Nov 25 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
微信小程序实现animation动画
Jan 26 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
ES2020 新特性(种草)
Jan 12 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 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编实现程动态图像的创建代码
2008/09/28 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
js word表格动态添加代码
2010/06/07 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
脚本div实现拖放功能(两种)
2017/02/13 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
jquery层次选择器的介绍
2019/01/18 jQuery
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
TensorFlow如何实现反向传播
2018/02/06 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
不假外出检讨书
2014/01/27 职场文书
出纳岗位职责
2015/01/31 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python