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ào)',edit:'text'},
{field:'cstProdName', title: '產(chǎn)品名稱',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)文章
這篇文章主要介紹了js中this用法,實(shí)例分析了this指向windows、指向?qū)ο蠹案淖僼his指向的相關(guān)技巧,需要的朋友可以參考下2015-05-05
使用Axios攔截器優(yōu)化HTTP請(qǐng)求與響應(yīng)的實(shí)踐案例
在前端開(kāi)發(fā)中,HTTP 請(qǐng)求是與后端交互的重要方式,為了提高代碼的可維護(hù)性、復(fù)用性以及用戶體驗(yàn),使用 Axios 攔截器是非常常見(jiàn)的做法,本文將詳細(xì)介紹如何使用 Axios 的請(qǐng)求攔截器和響應(yīng)攔截器,需要的朋友可以參考下2024-11-11
JavaScript數(shù)組扁平轉(zhuǎn)樹(shù)形結(jié)構(gòu)數(shù)據(jù)(Tree)的實(shí)現(xiàn)
本文主要介紹了JavaScript數(shù)組扁平轉(zhuǎn)樹(shù)形結(jié)構(gòu)數(shù)據(jù)(Tree)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
本文我們將討論?axios?中是如何處理異常的,在此之前,我們先了解以下?axios?中各種類型的異常,文中通過(guò)代碼示例講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2024-05-05
JavaScript 學(xué)習(xí)點(diǎn)滴記錄
HTML DOM (Document Object Model文檔對(duì)象模型) DOM是一種與瀏覽器，平臺(tái)，語(yǔ)言的接口，使得你可以訪問(wèn)頁(yè)面其他的標(biāo)準(zhǔn)組件. DOM是以層次結(jié)構(gòu)組織的節(jié)點(diǎn)或信息片斷的集合.2009-04-04
在父頁(yè)面中訪問(wèn)iframe中的各個(gè)元素與一般的訪問(wèn)頁(yè)面元素?zé)o本質(zhì)區(qū)別，無(wú)非是需要在父頁(yè)面中事先獲取需要處理的iframe對(duì)象，在獲取iframe對(duì)象后，其操作基本沒(méi)什么特別之處。2009-07-07
微信小程序如何獲知用戶運(yùn)行小程序的場(chǎng)景教程
這篇文章主要給大家介紹了在微信小程序中如何獲知用戶運(yùn)行小程序場(chǎng)景的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)跟著小編一起來(lái)看看吧。2017-05-05
JS實(shí)現(xiàn)統(tǒng)計(jì)字符串中字符出現(xiàn)個(gè)數(shù)及最大個(gè)數(shù)功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)統(tǒng)計(jì)字符串中字符出現(xiàn)個(gè)數(shù)及最大個(gè)數(shù)功能,結(jié)合實(shí)例形式分析了javascript字符串遍歷、統(tǒng)計(jì)相關(guān)操作技巧,需要的朋友可以參考下2018-06-06
現(xiàn)將img元素對(duì)應(yīng)的src路徑設(shè)置為背景圖片，而該img所對(duì)應(yīng)的url路徑存放在一個(gè)自設(shè)的屬性中2014-03-03
javascript實(shí)現(xiàn)編寫(xiě)網(wǎng)頁(yè)版計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)編寫(xiě)網(wǎng)頁(yè)版計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08