layui點(diǎn)擊數(shù)據(jù)表格添加或刪除一行的例子
更新時(shí)間：2019年09月12日 11:53:05 作者：Raya_L
今天小編就為大家分享一篇layui點(diǎn)擊數(shù)據(jù)表格添加或刪除一行的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
數(shù)據(jù)表格
t2 = {
elem: '#test2',
data: tableData2,
page: false,
width: $(parent.window).width()-50,
cols: [[
{type:'checkbox',field:'id'},
{field:'cstMoldNo', title: '客戶(hù)模號(hào)',edit:'text'},
{field:'cstProdName', title: '產(chǎn)品名稱(chēng)',edit:'text'},
{field:'material', title: '產(chǎn)品材料',edit:'text'},
{field:'firstTryDate', title: '驗(yàn)證日期',edit:'text'},
{field:'deliveryDate', title: '交貨日期',edit:'text'},
{field:'unit', title: '單位',edit:'text'},
{field:'count', title: '數(shù)量',edit:'text'},
{field:'upTax', title: '含稅單價(jià)',edit:'text'},
{field:'priceTax', title: '含稅金額',edit:'text'},
{field:'remark', title: '備注',edit:'text'},
{fixed: 'right', title: '操作',width: '10%',align: 'center',toolbar: '#barDemo'}
]]
};
點(diǎn)擊添加一行
document.getElementById('addsome2').addEventListener('click',function (data) {
var oldData = table.cache["test2"];
var data1={};
oldData.push(data1);
table.reload('test2',{data : oldData});
});
點(diǎn)擊刪除一行
if(obj.event === "del"){
layer.confirm("你確定要?jiǎng)h除么？",{btn:['是的,我確定','我再想想']},
function(){
var oldData = table.cache["test2"];
oldData.splice(obj.tr.data('index'),1);
layer.msg("刪除成功",{time: 10},function(){
table.reload('test2',{data : oldData});
});
}
)
}
以上這篇layui點(diǎn)擊數(shù)據(jù)表格添加或刪除一行的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
百度有啊通欄展示大家并不陌生吧，下面與大家分享下具體的實(shí)現(xiàn)js代碼，感興趣的朋友可以參考下哈2013-05-05
js設(shè)置文本框中焦點(diǎn)位置在最后的示例代碼(簡(jiǎn)單實(shí)用)
本篇文章主要是對(duì)js設(shè)置文本框中焦點(diǎn)位置在最后的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
一個(gè)支持ff的modaldialog的js代碼...2007-03-03
重構(gòu)Javascript代碼示例(重構(gòu)前后對(duì)比)
回顧頭來(lái)看看那些Javascript腳本，有寫(xiě)得不太理想，過(guò)于復(fù)雜?，F(xiàn)抽取出來(lái)，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的2013-01-01
使用 JavaScript 進(jìn)行函數(shù)式編程 (一) 翻譯
本文是函數(shù)式編程系列的第一篇文章。這里我會(huì)簡(jiǎn)要介紹一下編程范式，然后會(huì)直接介紹使用 Javascript 進(jìn)行函數(shù)式編程的概念，因?yàn)?JavsScript 是最被認(rèn)可的函數(shù)式程序語(yǔ)言之一。我們鼓勵(lì)讀者通過(guò)參考資料部分進(jìn)一步了解這一迷人的概念2015-10-10
這篇文章主要給大家介紹了關(guān)于js數(shù)組的基本使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
javascript與css3動(dòng)畫(huà)結(jié)合使用小結(jié)
本文給大家講述的是如何使用javascript結(jié)合CSS動(dòng)畫(huà)來(lái)實(shí)現(xiàn)一些占用資源更少，更優(yōu)化的動(dòng)畫(huà)效果，思路十分巧妙，這里推薦給小伙伴們參考下。2015-03-03
解決layui下拉框監(jiān)聽(tīng)問(wèn)題(監(jiān)聽(tīng)不到值的變化)
今天小編就為大家分享一篇解決layui下拉框監(jiān)聽(tīng)問(wèn)題(監(jiān)聽(tīng)不到值的變化)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
如果想用百度地圖api，首先需要先獲取一個(gè)百度地圖api的密鑰，然后引入百度地圖的api，這篇文章就講下百度地圖api如何使用的相關(guān)資料，需要的朋友可以參考下2015-08-08
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)
這篇文章主要介紹了JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)習(xí)筆記，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07