layuiデータテーブルの現在の行を削除する実装方法-ライユイのチュートリアル-php.cn

layuiデータテーブルの現在の行を削除する実装方法

藏色散人

リリース： 2020-11-30 13:57:34

オリジナル

4354 人が閲覧しました

layui データテーブルの現在の行を削除する方法: 最初にコードサンプルファイルを作成し、次に「oldData.splice(obj.tr.data('index'),1);」を通じて現在の行を削除します。「メソッド」それだけです。

layuiデータテーブルの現在の行を削除する実装方法

#推奨:「

layUI チュートリアル」

このチュートリアルの動作環境: Windows10 システム、layui2.5.6 バージョン, この方法は、すべてのブランドのコンピューターに適用できます。

データテーブルは次のとおりです:

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

ログイン後にコピー

クリックして現在の行を削除します:

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

ログイン後にコピー

splice() メソッドは主にテーブルの現在の行を削除するために使用されます。 Lauiui では、

splice() メソッドは、配列に項目を追加または配列から削除し、削除された項目を返します。

注: このメソッドは元の配列を変更します。

構文

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

ログイン後にコピー

layuiデータテーブルの現在の行を削除する実装方法

説明

splice() メソッドは、インデックスから始まる 0 個以上の要素を削除し、削除された要素を置き換えます。引数リストで宣言された 1 つ以上の値を使用します。

以上がlayuiデータテーブルの現在の行を削除する実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。