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对象与DOM对象之间的转换方法
Apr 15 Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
javascript中json基础知识详解
Jan 19 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 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
摩卡咖啡
2021/03/03 咖啡文化
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
React性能优化系列之减少props改变的实现方法
2019/01/17 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
python处理文本文件并生成指定格式的文件
2014/07/31 Python
matplotlib绘制动画代码示例
2018/01/02 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
Django中的session用法详解
2020/03/09 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
如何将Pycharm中调整字体大小的方式设置为"ctrl+鼠标滚轮上下滑"
2020/11/17 Python
美国现代家具购物网站:LexMod
2019/01/09 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
初三新学期计划书
2014/05/03 职场文书
五心教育心得体会
2014/09/04 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
初中家长评语和期望
2014/12/26 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android
使用Python开发冰球小游戏
2022/04/30 Python