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 相关文章推荐
IE与FireFox的兼容性问题分析
Apr 22 Javascript
IFrame跨域高度自适应实现代码
Aug 16 Javascript
Javascript玩转继承(二)
May 08 Javascript
基于Jquery代码实现手风琴菜单
Nov 19 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
vue组件横向树实现代码
Aug 02 Javascript
js图片查看器插件用法示例
Jun 22 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
vue开发中遇到的问题总结
Apr 07 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显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
php注销代码(session注销)
2012/05/31 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
隐性调用php程序的方法
2015/06/13 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
是 WordPress 让 PHP 更流行了 而不是框架
2016/02/03 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
简单实现php上传文件功能
2017/09/21 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
围观tangram js库
2010/12/28 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
nodejs前端自动化构建环境的搭建
2017/07/26 NodeJs
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
python操作MongoDB基础知识
2013/11/01 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
本科生职业生涯规划书范文
2014/01/21 职场文书
临床医师个人自我评价
2014/04/06 职场文书
我爱我校演讲稿
2014/05/21 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
小学班主任事迹材料
2014/12/17 职场文书