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

 更新时间:2019年09月12日 11:53:05   作者:Raya_L  
今天小编就为大家分享一篇layui点击数据表格添加或删除一行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

数据表格

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

相关文章

  • js中this用法实例详解

    js中this用法实例详解

    这篇文章主要介绍了js中this用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 使用Axios拦截器优化HTTP请求与响应的实践案例

    使用Axios拦截器优化HTTP请求与响应的实践案例

    在前端开发中,HTTP 请求是与后端交互的重要方式,为了提高代码的可维护性、复用性以及用户体验,使用 Axios 拦截器是非常常见的做法,本文将详细介绍如何使用 Axios 的请求拦截器和响应拦截器,需要的朋友可以参考下
    2024-11-11
  • JavaScript数组扁平转树形结构数据(Tree)的实现

    JavaScript数组扁平转树形结构数据(Tree)的实现

    本文主要介绍了JavaScript数组扁平转树形结构数据(Tree)的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 详解axios是如何处理异常的

    详解axios是如何处理异常的

    本文我们将讨论 axios 中是如何处理异常的,在此之前,我们先了解以下 axios 中各种类型的异常,文中通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2024-05-05
  • JavaScript 学习点滴记录

    JavaScript 学习点滴记录

    HTML DOM (Document Object Model文档对象模型) DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件. DOM是以层次结构组织的节点或信息片断的集合.
    2009-04-04
  • 从父页面读取和操作iframe中内容方法

    从父页面读取和操作iframe中内容方法

    在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。
    2009-07-07
  • 微信小程序如何获知用户运行小程序的场景教程

    微信小程序如何获知用户运行小程序的场景教程

    这篇文章主要给大家介绍了在微信小程序中如何获知用户运行小程序场景的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来跟着小编一起来看看吧。
    2017-05-05
  • JS实现统计字符串中字符出现个数及最大个数功能示例

    JS实现统计字符串中字符出现个数及最大个数功能示例

    这篇文章主要介绍了JS实现统计字符串中字符出现个数及最大个数功能,结合实例形式分析了javascript字符串遍历、统计相关操作技巧,需要的朋友可以参考下
    2018-06-06
  • js图片延迟技术一般的思路与示例

    js图片延迟技术一般的思路与示例

    现将img元素对应的src路径设置为背景图片,而该img所对应的url路径存放在一个自设的属性中
    2014-03-03
  • javascript实现编写网页版计算器

    javascript实现编写网页版计算器

    这篇文章主要为大家详细介绍了javascript实现编写网页版计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论