首頁 > web前端 > Layui教程 > layui批次刪除怎麼刷新目前分頁

layui批次刪除怎麼刷新目前分頁

爱喝马黛茶的安东尼
發布: 2019-07-11 14:09:47
原創
4638 人瀏覽過

layui批次刪除怎麼刷新目前分頁

1.先進行視覺化介面操作,如圖有2條資料。

layui批次刪除怎麼刷新目前分頁

2.批量選擇需要刪除的資料。

layui批次刪除怎麼刷新目前分頁

3.點擊刪除按鈕,彈出提示代碼

layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){
      batchDel(resSubInfoIds);
     }, function(){
 });
登入後複製

batchDel 呼叫真正的批次刪除方法

layui批次刪除怎麼刷新目前分頁

4.批次刪除完的結果介面。

layui批次刪除怎麼刷新目前分頁

相關推薦:《layui框架教學

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:'错误'});
});
}
登入後複製

layui批次刪除怎麼刷新目前分頁

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); //更新当前页
});
    }
登入後複製

layui批次刪除怎麼刷新目前分頁

#

以上是layui批次刪除怎麼刷新目前分頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板