Méthode d'implémentation de suppression de la ligne actuelle dans la table de données layui-Tutoriel Layui-php.cn

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

藏色散人

Libérer： 2020-11-30 13:57:34

original

4355 Les gens l'ont consulté

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.

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

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

Copier après la connexion

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

Copier après la connexion

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)

Copier après la connexion

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!