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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
vue组件开发props验证的实现
Feb 12 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 Javascript
小程序如何支持使用 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
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
在PHP中使用curl_init函数的说明
2010/11/02 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
PHP从零开始打造自己的MVC框架之类的自动加载实现方法详解
2019/06/03 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
深入理解JavaScript定时机制
2010/10/29 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
django_orm查询性能优化方法
2018/08/20 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
python下载微信公众号相关文章
2019/02/26 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
django教程如何自学
2020/07/31 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
自我评价200字分享
2013/12/17 职场文书
银行实习生的自我评价
2014/01/13 职场文书
主题实践活动总结
2014/05/08 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
60句有关成长的名言
2019/09/04 职场文书