layui批量刪除數(shù)據(jù)后怎么刷新當(dāng)前分頁

這篇文章主要介紹“l(fā)ayui批量刪除數(shù)據(jù)后怎么刷新當(dāng)前分頁”，在日常操作中，相信很多人在layui批量刪除數(shù)據(jù)后怎么刷新當(dāng)前分頁問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”layui批量刪除數(shù)據(jù)后怎么刷新當(dāng)前分頁”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

1.先進(jìn)行可視化界面操作，如圖有2條數(shù)據(jù)。

2.批量選擇需要刪除的數(shù)據(jù)。

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

layer.confirm("確認(rèn)刪除勾選的專題？", {icon: 3, title:"確認(rèn)"}, function(){      batchDel(resSubInfoIds);     }, function(){ });

batchDel 調(diào)用真正的批量刪除方法

4.批量刪除完的結(jié)果界面。

5.加數(shù)據(jù)的方法，等下批量刪除時會用到這個，所以這個方法是復(fù)用的，數(shù)據(jù)初始加載和批量刪除過程中都會使用：

function load(pageNum, params){params = params || {};params.current = pageNum;$.post(ctxBack+"/XXXXXX/list", params, function(result){    if(false === result.success){    layer.alert(result.message || "專題數(shù)據(jù)加載失敗", {icon: 2,title:'錯誤'});    return;    }    laytpl(gridTpl).render(result.data.records, function(html){        $(gridPanelId + " table tbody").empty().append(html);    });       //緩存查詢參數(shù)        gridParams.page = result.data.current;        gridParams.params = params;       renderPage($(gridPanelId + " .panel-footer"), result.data, load, params);}).error(function(){layer.alert("專題數(shù)據(jù)加載失敗", {icon: 2,title:'錯誤'});});}

6.刪除的方法，批量刪除完刷新，其實就是再次請求初始化的方法加載一次數(shù)據(jù)而已，使用ajax的方法來求，實現(xiàn)無頁面刷新，代碼如下:

/**     * 刪除專題     */    function del(){    var resSubInfoIds=getCheckedData();    if(resSubInfoIds == ""){    layer.msg("請選擇需要刪除的專題");    return ;    }    layer.confirm("確認(rèn)刪除勾選的專題？", {icon: 3, title:"確認(rèn)"}, 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); //加載完成關(guān)閉loadingload(gridParams.page, gridParams.params); //更新當(dāng)前頁});    }

到此，關(guān)于“l(fā)ayui批量刪除數(shù)據(jù)后怎么刷新當(dāng)前分頁”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>