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 ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
如何编写jquery插件
Mar 29 jQuery
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
使用百度地图实现地图网格的示例
Feb 06 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
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
使用数据库保存session的方法
2006/10/09 PHP
php函数指定默认值方法的小例子
2013/12/04 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
PHP两种快速排序算法实例
2015/02/15 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
jquery 如何动态添加、删除class样式方法介绍
2012/11/07 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
python实现查询IP地址所在地
2015/03/29 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
python difflib模块示例讲解
2017/09/13 Python
Python 查看文件的编码格式方法
2017/12/21 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
Nuts.com:优质散装,批发坚果、干果和巧克力等
2017/03/21 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
用Python写一个for循环的例子
2016/07/19 面试题
实习求职信
2013/12/01 职场文书
《搭石》教学反思
2014/04/07 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
授权委托书公证
2014/09/14 职场文书
党员自评材料范文
2014/12/17 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle
python 中yaml文件用法大全
2021/07/04 Python
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers