layui點擊按鈕添加可編輯的一行方法

更新時間：2018年08月15日 15:45:07 作者：sj0613xz

今天小編就為大家分享一篇layui點擊按鈕添加可編輯的一行方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

昨天已經(jīng)成功添加了一行，今天希望所添加的一行可以進(jìn)行單元格編輯。

然而，發(fā)現(xiàn)添加了edit:'text'以后也不可以進(jìn)行單元格編輯，而原本已有的數(shù)據(jù)可以，因此通過瀏覽器調(diào)試看了原有數(shù)據(jù)的樣式，如圖所示：

因此，將點擊按鈕添加一行<tr>標(biāo)簽的方法，修改為如下：

$("#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點擊按鈕添加可編輯的一行方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用plupload自定義參數(shù)實現(xiàn)多文件上傳
這篇文章主要介紹了使用plupload自定義參數(shù)實現(xiàn)多文件上傳的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-07-07
分析ES5和ES6的apply區(qū)別
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學(xué)，可以參考下
2021-05-05
JavaScript高級程序設(shè)計讀書筆記之九本地對象Array
本地對象Array，數(shù)組等操作函數(shù)
2012-02-02
IE和Firefox之間在JavaScript語法上的差異
這篇文章主要為大家詳細(xì)介紹了IE和Firefox之間在JavaScript語法上的差異，在JavaScript語法上不同的7個方面，感興趣的小伙伴們可以參考一下
2016-04-04
基于js原生和ajax的get和post方法以及jsonp的原生寫法實例
下面小編就為大家?guī)硪黄趈s原生和ajax的get和post方法以及jsonp的原生寫法實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
js this 綁定機(jī)制深入詳解
這篇文章主要介紹了js this 綁定機(jī)制,結(jié)合實例形式深入分析了js this 綁定機(jī)制相關(guān)原理、使用技巧與操作注意事項,需要的朋友可以參考下
2020-04-04
起點頁面?zhèn)髦礿s,有空研究學(xué)習(xí)下
起點上的頁面?zhèn)髦礿s,有空研究下
2010-01-01
JavaScript訪問字符串中單個字符的兩種方法
這篇文章主要介紹了JavaScript訪問字符串中單個字符的兩種方法,本文分別講解了索引方式訪問單個字符串、charAt()函數(shù)訪問單個字符以及兩種方式的不同,需要的朋友可以參考下
2015-07-07
JavaScript 函數(shù)惰性載入的實現(xiàn)及其優(yōu)點介紹
惰性載入表示函數(shù)執(zhí)行的分支只會在函數(shù)第一次掉用的時候執(zhí)行，在第一次調(diào)用過程中，該函數(shù)會被覆蓋為另一個按照合適方式執(zhí)行的函數(shù)，這樣任何對原函數(shù)的調(diào)用就不用再經(jīng)過執(zhí)行的分支了
2013-08-08
JS解決?Array.fill()參數(shù)為對象指向同一個引用地址的問題
這篇文章主要介紹了JS解決?Array.fill()參數(shù)為對象指向同一個引用地址問題，解決方案使用map返回出不同的引用的地址，fill參數(shù)可隨意填寫（不為空），主要是map函數(shù)中返回的數(shù)據(jù),需要的朋友可以參考下
2023-02-02