layui点击数据表格添加或删除一行的例子
2019-09-12 11:53
6373 查看
数据表格
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点击数据表格添加或删除一行的例子就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 表格,点击添加,将表单中的数据添加进入表格最后一行 表格最后一列增加删除按钮,点击按钮,删除当前行
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- js表格中的DOM操作,隔行变色和添加、删除某一行,搜索数据
- 点击按钮实现表格动态添加或删除一行
- Layui给数据表格动态添加一行并跳转到添加行所在页的方法
- 使用jQuery动态创建一个表格(根据用户输入的内容添加一行数据,并且能逐行删除)
- Layui给数据表格动态添加一行并跳转到添加行所在页
- jqury 获取表格中点击删除图标后要删除一行的元素数据
- JavaScript基础 点击超链接删除 一个表格中的某一行 parentNode.removeChild
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- Layui 数据表格批量删除和多条件搜索的实例
- Android表格布局TableLayout简单实现(Java动态添加,设置边框,删除数据(单行,多行))
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- 动态表格,通过点击按钮增加或者删除一行表格!
- js 动态表格添加一行删除一行
- 电力项目十七--数据字典首页JS添加和删除表格
- 使用jQuery动态创建一个表格,根据用户数输入的内容添加一行数据
- layui实现点击按钮给table添加一行
- JavaScript基础 点击超链接删除 一个表格中的某一行 parentNode.removeChild