欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layui table数据修改的回显方法

程序员文章站 2022-09-07 09:09:27
实现的样式给你们看一波 点击这锅按钮 其实回显就是一个赋值的操作,先把form表单的那些input 框的id拿到,在展示成功的那里进行绑值 tabl...

实现的样式给你们看一波

点击这锅按钮

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数据修改的回显方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。