Maison >interface Web >Tutoriel Layui >Méthode d'implémentation de suppression de la ligne actuelle dans la table de données layui

Méthode d'implémentation de suppression de la ligne actuelle dans la table de données layui

藏色散人original: 2020-11-24 10:52:284344parcourir

Comment supprimer la ligne actuelle dans la table de données layui : créez d'abord un exemple de fichier de code ; puis utilisez la méthode "oldData.splice(obj.tr.data('index'),1);" la ligne actuelle. C'est tout.

Recommandé : "tutoriel layUI"

L'environnement d'exploitation de ce tutoriel : système Windows10, version layui2.5.6 , la méthode est applicable à toutes les marques d’ordinateurs.

Le tableau de données est le suivant :

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

Cliquez pour supprimer la ligne actuelle :

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

La suppression de la ligne actuelle du tableau dans layui utilise principalement la méthode splice() ,

La méthode splice() ajoute/supprime des éléments dans/d'un tableau et renvoie l'élément supprimé.

Remarque : Cette méthode modifiera le tableau d'origine.

Syntaxe

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

Méthode dimplémentation de suppression de la ligne actuelle dans la table de données layui

Explication

La méthode splice() peut supprimer zéro ou plusieurs éléments à partir de l'index et utiliser Remplace les éléments supprimés par une ou plusieurs valeurs déclarées dans la liste d'arguments.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

layui tr

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quel est l'attribut en lecture seule de l'entrée layui ?Article suivant：Quel est l'attribut en lecture seule de l'entrée layui ?

Articles Liés

Voir plus