Home > Article > Web Front-end > Implementation method of deleting the current row in layui data table

Implementation method of deleting the current row in layui data table

藏色散人Original: 2020-11-24 10:52:284262browse

How to delete the current row in layui data table: first create a code sample file; then delete the current row through the "oldData.splice(obj.tr.data('index'),1);" method That’s it.

Recommended: "layUI Tutorial"

The operating environment of this tutorial: windows10 system, layui2.5.6 version, the The method is applicable to all brands of computers.

The data table is as follows:

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

Click to delete the current row:

if(obj.event === "del"){
       layer.confirm("你确定要删除么？",{btn:[&#39;是的,我确定&#39;,&#39;我再想想&#39;]},
           function(){
             var oldData = table.cache["test2"];
             oldData.splice(obj.tr.data(&#39;index&#39;),1);
             layer.msg("删除成功",{time: 10},function(){
               table.reload(&#39;test2&#39;,{data : oldData});
             });
           }
       )
     }

The splice() method is mainly used to delete the current row of the table in layui,

The splice() method adds/removes items to/from an array and returns the removed item.

Note: This method will change the original array.

Syntax

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

Implementation method of deleting the current row in layui data table

Description

The splice() method can delete zero or more elements starting from index and use Replaces the deleted elements with one or more values declared in the argument list.

The above is the detailed content of Implementation method of deleting the current row in layui data table. For more information, please follow other related articles on the PHP Chinese website!

layui tr

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What is the read-only attribute of layui input?Next article：What is the read-only attribute of layui input?

See more

Implementation method of deleting the current row in layui data table

Related articles