layui点击按钮添加可编辑的一行方法

更新时间：2018年08月15日 15:45:07 作者：sj0613xz

今天小编就为大家分享一篇layui点击按钮添加可编辑的一行方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

昨天已经成功添加了一行，今天希望所添加的一行可以进行单元格编辑。

然而，发现添加了edit:'text'以后也不可以进行单元格编辑，而原本已有的数据可以，因此通过浏览器调试看了原有数据的样式，如图所示：

因此，将点击按钮添加一行<tr>标签的方法，修改为如下：

$("#addTable").click(function(){
var tr=" <tr>"+
   " <td data-field='domainId' data-edit='text'> <div class='layui-table-cell laytable-cell-1-domainId '>11 </div></td>"+
   " <td data-field='colName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-colName '>22 </div></td>"+
   " <td data-field='typeName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-typeName '>33 </div></td>"+
   " <td data-field='scale'  data-edit='text'> <div class='layui-table-cell laytable-cell-1-scale  '>44 </div></td>"+
   " <td data-field='notNull' data-edit='text'> <div class='layui-table-cell laytable-cell-1-notNull '>55 </div></td>"+      
   " </tr>";                                                                 
 $(".layui-table-body .layui-table tbody").append(tr); });

效果如下：

以上这篇layui点击按钮添加可编辑的一行方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

一个报数游戏js版(约瑟夫环问题)
随便给一个数比如100，那么从1到100围成一个圆圈，然后就类似123123报数一样逢3就舍掉，一直这样轮询那么最后剩下来的那个数是多少？
2010-08-08
JS实现DOM删除节点操作示例
这篇文章主要介绍了JS实现DOM删除节点操作,结合实例形式分析了javascript使用removeChild()操作页面dom节点删除功能的相关实现技巧,需要的朋友可以参考下
2018-04-04
渐变的Alert
渐变的Alert...
2006-11-11
JavaScript实现简单音乐播放器
这篇文章主要为大家详细介绍了JavaScript实现简单音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
如何为你的JavaScript代码日志着色详解
这篇文章主要给大家介绍了关于如何为你的JavaScript代码日志进行着色的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
兼容浏览器的js事件绑定函数(详解)
下面小编就为大家带来一篇兼容浏览器的js事件绑定函数(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-05-05
javascript数组快速打乱重排的方法
本文介绍了利用Array.prototype.sort方法和Math.random()实现快速打乱数组的方法，大家参考使用吧
2014-01-01
js实现索引图片切换效果
这篇文章主要介绍了js实现索引图片切换效果的代码，特别炫酷的效果，推荐给大家，感兴趣的小伙伴们可以参考一下
2015-11-11
js事件源window.event.srcElement兼容性写法(详解)
下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
JavaScript ES6常用基础知识总结
ES6中为我们提供了很多好用的新特性,其中包括let,箭头函数以及扩展运算符…等，以下就是总结的常用基础知识
2019-02-02