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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
jquery选择器使用详解
Apr 08 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
轻松搞定js表单验证
Oct 13 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 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 url地址栏传中文乱码解决方法集合
2010/06/25 PHP
JavaScript创建命名空间的5种写法
2014/06/24 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
关于火狐(firefox)及ie下event获取的两种方法
2012/12/27 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
python实现的config文件读写功能示例
2019/09/24 Python
python异步Web框架sanic的实现
2020/04/27 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
制药工程专业毕业生推荐信
2013/12/24 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
班主任个人工作反思
2014/04/28 职场文书
2014年保育员工作总结
2014/12/02 职场文书
英语辞职信怎么写
2015/02/28 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
Python测试框架pytest核心库pluggy详解
2022/08/05 Golang