layui点击数据表格添加或删除一行的例子


Posted in Javascript onSeptember 12, 2019

数据表格

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点击数据表格添加或删除一行的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript数据类型之基本类型和引用类型的值
Apr 01 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
微信小程序 九宫格实例代码
Jan 21 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
Postman模拟发送带token的请求方法
Mar 31 Javascript
vuex提交state&&实时监听state数据的改变方法
Sep 16 Javascript
微信小程序的tab选项卡的实现效果
May 15 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
Feb 26 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
vue组件是如何解析及渲染的?
Jan 13 Vue.js
小程序如何支持使用 async/await详解
Sep 12 #Javascript
layui清空,重置表单数据的实例
Sep 12 #Javascript
layui table 多行删除(id获取)的方法
Sep 12 #Javascript
详解Vue中CSS样式穿透问题
Sep 12 #Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 #Javascript
微信小程序之 catalog 切换实现解析
Sep 12 #Javascript
layui实现checkbox的目录树tree的例子
Sep 12 #Javascript
You might like
php.ini 中文版
2006/10/28 PHP
php 缩略图实现函数代码
2011/06/23 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
js改变鼠标的形状和样式的方法
2014/03/31 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
学习jQuey中的return false
2015/12/18 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
Easy UI动态树点击文字实现展开关闭功能
2017/09/30 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Python中 map()函数的用法详解
2018/07/10 Python
Python rstrip()方法实例详解
2018/11/11 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
python实现PID算法及测试的例子
2019/08/08 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
html5摇一摇代码优化包括DeviceMotionEvent等等
2014/09/01 HTML / CSS
西雅图的买手店:Totokaelo
2019/10/19 全球购物
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
Molton Brown美国官网:奢华美容、香水、沐浴和身体护理
2020/09/02 全球购物
水污染治理专业毕业生推荐信
2013/11/14 职场文书
起诉书范文
2015/05/20 职场文书
父亲节感言
2015/08/03 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书