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 28 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
js实现select下拉框菜单
Dec 08 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
浅谈JavaScript中this的指向更改
Jul 28 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 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中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
PHP写日志的实现方法
2014/11/05 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
Python冲顶大会 快来答题!
2018/01/17 Python
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Django实现单用户登录的方法示例
2019/03/28 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
Django自带的用户验证系统实现
2020/12/18 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
国际书籍零售商:Wordery
2017/11/01 全球购物
代领学位证书毕业证书委托书
2014/09/30 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
初中地理教学反思
2016/02/19 职场文书