Implementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle-Layui-Tutorial-php.cn

Implementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle

藏色散人

Freigeben： 2020-11-30 13:57:34

Original

4355 Leute haben es durchsucht

So löschen Sie die aktuelle Zeile in der Laui-Datentabelle: Erstellen Sie zunächst eine Codebeispieldatei. Verwenden Sie dann die Methode „oldData.splice(obj.tr.data('index'),1);“ .

Implementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle

Empfohlen: „layUI-Tutorial“

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Laui-Version 2.5.6. Diese Methode ist für alle Computermarken geeignet.

Die Datentabelle sieht wie folgt aus:

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;}
      ]]
    };

Nach dem Login kopieren

Klicken Sie, um die aktuelle Zeile zu löschen:

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});
             });
           }
       )
     }

Nach dem Login kopieren

Das Löschen der aktuellen Zeile der Tabelle in Laui verwendet hauptsächlich die Methode splice(). Die Methode

splice() fügt Elemente hinzu/entfernt zum/vom Array und gibt dann gelöschte Elemente zurück.

Hinweis: Diese Methode ändert das ursprüngliche Array.

Syntax

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

Nach dem Login kopieren

Implementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle

Description

splice()-Methode entfernt null oder mehr Elemente beginnend beim Index und ersetzt diese gelöschten Elemente durch einen oder mehrere in der Parameterliste deklarierte Werte.

Das obige ist der detaillierte Inhalt vonImplementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!