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 选择器 xpath 语法应用
May 13 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
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限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
php使用正则验证中文
2016/04/06 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python三级目录展示的实现方法
2016/09/28 Python
python中判断文件结束符的具体方法
2020/08/04 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
在线服装零售商:SheIn
2016/07/22 全球购物
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
英国领先的豪华时尚家居网上商店:Amara
2019/08/12 全球购物
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
广州品高软件.net笔面试题目
2012/04/18 面试题
追悼会子女答谢词
2014/01/28 职场文书
财务内勤岗位职责
2014/04/17 职场文书
政风行风评议心得体会
2014/10/21 职场文书
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
Python实现为PDF去除水印的示例代码
2022/04/03 Python
MySQL 逻辑备份 into outfile
2022/05/15 MySQL
JS class语法糖的深入剖析
2022/07/07 Javascript