Heim >Web-Frontend >Layui-Tutorial >Implementierungsmethode zum Löschen der aktuellen Zeile in der Laui-Datentabelle

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

藏色散人Original: 2020-11-24 10:52:284330Durchsuche

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);“ .

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

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

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)

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!

layui tr

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was ist das schreibgeschützte Attribut der Laui-Eingabe?Nächster Artikel：Was ist das schreibgeschützte Attribut der Laui-Eingabe?

In Verbindung stehende Artikel

Mehr sehen