layui數據表格新增一行

layui的數據表格集成了查看編輯刪除等功能,但新增功能官方文檔卻沒有提及,當業務需求需要點擊新增一行時,可用如下方式實現

實現的思路是:當點擊新增一行時,把之前的數據保存下來,並在數據尾部增加一行空數據
然後將新數據重新載入表格

var dataBak = [];   //定義一個空數組,用來存儲之前編輯過的數據已經存放新數據

var tableBak = table.cache.stock_add_table; 
//獲取之前編輯過的全部數據,前提是編輯數據是要更新緩存,stock_add_table 爲表格的id

for (var i = 0; i < tableBak.length; i++) {
    dataBak.push(tableBak[i]);      //將之前的數組備份
}

在尾部新增一行空數據,實現增行效果
dataBak.push({   
    "stockInCargo": ""
    ,"stockInNum": ""
    ,"stockInPrice": ""
    ,"stockCargoTime": ""
    ,"stockInCompany": ""
});

table.reload("stock_add_table",{
    data:dataBak   // 將新數據重新載入表格
})


原文:https://blog.csdn.net/rj_han/article/details/80664068 
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章