Lauiuiで一括削除のために現在のページを更新する方法

1. 図に示すように、最初にビジュアル インターフェイス操作を実行します。データは 2 つあります。

#2. 一括削除するデータを選択します。

3. 削除ボタンをクリックすると、プロンプト コードがポップアップ表示されます。

layer.confirm("确认删除勾选的专题？", {icon: 3, title:"确认"}, function(){
      batchDel(resSubInfoIds);
     }, function(){
 });

batchDel は実際のバッチ削除メソッドを呼び出します

4. 一括削除後の結果インターフェイス。

関連する推奨事項: 「layui Framework チュートリアル 」

5. データを追加する方法は、後でバッチを削除するときに使用されます。したがって、このメソッドは再利用され、最初のデータ読み込みおよびバッチ削除プロセス中に使用されます:

function load(pageNum, params){
params = params || {};
params.current = pageNum;
$.post(ctxBack+"/XXXXXX/list", params, function(result){
    if(false === result.success){
    layer.alert(result.message || "专题数据加载失败", {icon: 2,title:'错误'});
    return;
    }
    laytpl(gridTpl).render(result.data.records, function(html){
        $(gridPanelId + " table tbody").empty().append(html);
    });
   
    //缓存查询参数
        gridParams.page = result.data.current;
        gridParams.params = params;
   
    renderPage($(gridPanelId + " .panel-footer"), result.data, load, params);
}).error(function(){
layer.alert("专题数据加载失败", {icon: 2,title:'错误'});
});
}

6. バッチ削除後に更新される削除メソッドは、実際には次のとおりです。データを一度ロードするには、初期化メソッドを再度リクエストします。ページを更新しないようにするには、ajax メソッドを使用します。コードは次のとおりです:

/**
     * 删除专题
     */
    function del(){
    var resSubInfoIds=getCheckedData();
    if(resSubInfoIds == ""){
    layer.msg("请选择需要删除的专题");
    return ;
    }
    layer.confirm("确认删除勾选的专题？", {icon: 3, title:"确认"}, function(){
      batchDel(resSubInfoIds);
     }, function(){
 });
   
    }
/**
     * 批量删除
     */
    function batchDel(resSubInfoIds){
    var loading = layer.load(2, { shade: [0.3,'#fff']});
    params={resSubInfoIds:resSubInfoIds};
    $.post(ctxBack+"/XXXXXX/batchDel", params, function(result){
    if(false === result.success){
    layer.alert(result.message || "专题删除失败", {icon: 2,title:'错误'});
    return;
    }
    layer.msg("专题删除成功");
}).error(function(){
layer.alert("专题删除失败", {icon: 2,title:'错误'});
}).complete(function(){
layer.close(loading); //加载完成关闭loading
load(gridParams.page, gridParams.params); //更新当前页
});
    }

以上がLauiuiで一括削除のために現在のページを更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。