100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > layui数据表格删除当前行的实现方法

layui数据表格删除当前行的实现方法

时间:2021-05-04 13:35:04

相关推荐

layui数据表格删除当前行的实现方法

web前端|Layui教程

layui

web前端-Layui教程

表情包gif在线生成源码,ubuntu更新apt源,python爬虫过程实例,php mail,奏鸣工具Seolzw

软件下载整店源码,vscode智能提示选择,ubuntu搜索samba,tomcat 自带集群,sqlite3存储记录数,用爬虫下载百度歌曲,php 处理ajax,安阳专业seo优化地址,世界最大开源网站,扁平化网页 psd,dedecms 模板 if elselzw

推荐:《layUI教学》

的pc商城源码,vscode写不了php,ubuntu编译twrp,tomcat 结束线程函数,从sqlite中读取数据库,微信公众号被爬虫非法爬取数据,php伪造请求,延平企业seo大概费用,网站鼠标代码,贵金属网站模板lzw

数据表格如下:

t2 = {elem: #test2,data: tableData2,page: false,width: $(parent.window).width()-50,cols: [[ {type:checkbox,field:id}, {field:cstMoldNo, title: 客户模号,edit: ext}, {field:cstProdName, title: 产品名称,edit: ext}, {field:material, title: 产品材料,edit: ext}, {field:firstTryDate, title: 验证日期,edit: ext}, {field:deliveryDate, title: 交货日期,edit: ext}, {field:unit, title: 单位,edit: ext}, {field:count, title: 数量,edit: ext}, {field:upTax, title: 含税单价,edit: ext}, {field:priceTax, title: 含税金额,edit: ext}, {field: emark, title: 备注,edit: ext}, {fixed: ight, title: 操作,width: 10%,align: center,toolbar: #barDemo}]] };

点击删除当前行的方法:

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( est2,{data : oldData}); }); } )}

layui中删除表格当前行主要使用splice()方法,

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。