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


Posted in Javascript onAugust 15, 2018

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

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

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

因此,将点击按钮添加一行<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点击按钮添加可编辑的一行方法

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

Javascript 相关文章推荐
jQuery Mobile 导航栏代码
Nov 01 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
Nov 02 Javascript
javascript实现拖放效果
Dec 16 Javascript
JavaScript实现翻页功能(附效果图)
Feb 16 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
JavaScript之iterable_动力节点Java学院整理
Jun 29 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
Aug 10 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 #Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 #jQuery
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 #Javascript
React+Webpack快速上手指南(小结)
Aug 15 #Javascript
layui从数据库中获取复选框的值并默认选中方法
Aug 15 #Javascript
关于微信小程序bug记录与解决方法
Aug 15 #Javascript
layui select获取自定义属性方法
Aug 15 #Javascript
You might like
业余方法DIY电子管FM收音机
2021/03/02 无线电
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php后退一页表单内容保存实现方法
2012/06/17 PHP
解析数组非数字键名引号的必要性
2013/08/09 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
浅谈php的优缺点
2015/07/14 PHP
PHP封装CURL扩展类实例
2015/07/28 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
Javascript 面向对象(三)接口代码
2012/05/23 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python函数参数操作详解
2018/08/03 Python
浅谈django的render函数的参数问题
2018/10/16 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
python 实现性别识别
2020/11/21 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
应届毕业生求职信
2013/11/30 职场文书
机电一体化自荐信
2013/12/10 职场文书
马云的职业生涯规划之路
2014/01/01 职场文书
电力安全事故反思
2014/04/27 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python