layui點(diǎn)擊按鈕添加可編輯的一行方法
更新時(shí)間：2018年08月15日 15:45:07 作者：sj0613xz
今天小編就為大家分享一篇layui點(diǎn)擊按鈕添加可編輯的一行方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
昨天已經(jīng)成功添加了一行，今天希望所添加的一行可以進(jìn)行單元格編輯。
然而，發(fā)現(xiàn)添加了edit:'text'以后也不可以進(jìn)行單元格編輯，而原本已有的數(shù)據(jù)可以，因此通過(guò)瀏覽器調(diào)試看了原有數(shù)據(jù)的樣式，如圖所示：
因此，將點(diǎn)擊按鈕添加一行<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點(diǎn)擊按鈕添加可編輯的一行方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用plupload自定義參數(shù)實(shí)現(xiàn)多文件上傳
這篇文章主要介紹了使用plupload自定義參數(shù)實(shí)現(xiàn)多文件上傳的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對(duì)ES6感興趣的同學(xué)，可以參考下2021-05-05
JavaScript高級(jí)程序設(shè)計(jì) 讀書筆記之九 本地對(duì)象Array
本地對(duì)象Array，數(shù)組等操作函數(shù)2012-02-02
IE和Firefox之間在JavaScript語(yǔ)法上的差異
這篇文章主要為大家詳細(xì)介紹了IE和Firefox之間在JavaScript語(yǔ)法上的差異，在JavaScript語(yǔ)法上不同的7個(gè)方面，感興趣的小伙伴們可以參考一下2016-04-04
基于js原生和ajax的get和post方法以及jsonp的原生寫法實(shí)例
下面小編就為大家?guī)?lái)一篇基于js原生和ajax的get和post方法以及jsonp的原生寫法實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
這篇文章主要介紹了js this 綁定機(jī)制,結(jié)合實(shí)例形式深入分析了js this 綁定機(jī)制相關(guān)原理、使用技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
起點(diǎn)頁(yè)面?zhèn)髦礿s,有空研究學(xué)習(xí)下
起點(diǎn)上的頁(yè)面?zhèn)髦礿s,有空研究下2010-01-01
JavaScript訪問(wèn)字符串中單個(gè)字符的兩種方法
這篇文章主要介紹了JavaScript訪問(wèn)字符串中單個(gè)字符的兩種方法,本文分別講解了索引方式訪問(wèn)單個(gè)字符串、charAt()函數(shù)訪問(wèn)單個(gè)字符以及兩種方式的不同,需要的朋友可以參考下2015-07-07
JavaScript 函數(shù)惰性載入的實(shí)現(xiàn)及其優(yōu)點(diǎn)介紹
惰性載入表示函數(shù)執(zhí)行的分支只會(huì)在函數(shù)第一次掉用的時(shí)候執(zhí)行，在第一次調(diào)用過(guò)程中，該函數(shù)會(huì)被覆蓋為另一個(gè)按照合適方式執(zhí)行的函數(shù)，這樣任何對(duì)原函數(shù)的調(diào)用就不用再經(jīng)過(guò)執(zhí)行的分支了2013-08-08
JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址的問(wèn)題
這篇文章主要介紹了JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址問(wèn)題，解決方案使用map返回出不同的引用的地址，fill參數(shù)可隨意填寫（不為空），主要是map函數(shù)中返回的數(shù)據(jù),需要的朋友可以參考下2023-02-02