时间:2021-05-26
数据表格
t2 = { elem: '#test2', data: tableData2, page: false, width: $(parent.window).width()-50, cols: [[ {type:'checkbox',field:'id'}, {field:'cstMoldNo', title: '客户模号',edit:'text'}, {field:'cstProdName', title: '产品名称',edit:'text'}, {field:'material', title: '产品材料',edit:'text'}, {field:'firstTryDate', title: '验证日期',edit:'text'}, {field:'deliveryDate', title: '交货日期',edit:'text'}, {field:'unit', title: '单位',edit:'text'}, {field:'count', title: '数量',edit:'text'}, {field:'upTax', title: '含税单价',edit:'text'}, {field:'priceTax', title: '含税金额',edit:'text'}, {field:'remark', title: '备注',edit:'text'}, {fixed: 'right', title: '操作',width: '10%',align: 'center',toolbar: '#barDemo'} ]] };点击添加一行
document.getElementById('addsome2').addEventListener('click',function (data) { var oldData = table.cache["test2"]; var data1={}; oldData.push(data1); table.reload('test2',{data : oldData}); });点击删除一行
if(obj.event === "del"){ layer.confirm("你确定要删除么?",{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点击数据表格添加或删除一行的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
layui数据表格实现重载数据表格功能,以搜索功能为例加载数据表格实现搜索功能和数据表格重载全部代码加载数据表格按照layui官方文档示例HTML部分JavaS
目标:layui实现点击按钮添加一行解决方案:方案1、table是用转换静态表格的方式创建的,写一个button,每次点击按钮,就添加一个标签;方案2、tabl
layui数据表格批量删除多条件搜索框:注样式自己写流水号:账号:咨询主题:时间:搜索删除按钮批量删除layui.use(['table','laydate']
这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子下面是实现的样子,当然没有样式:点击添加按钮可以添加一行:点击删除可以删除本行:基本功能
Layui是一个前端UI框架,该框架风格优雅,但由于发布时间较短,很多功能并没有提供实现。笔者在使用Layui的数据表格的时候,需求是这样的:当点击添加按钮的时