Comment actualiser la page actuelle pour la suppression par lots dans layui-Tutoriel Layui-php.cn

Comment actualiser la page actuelle pour la suppression par lots dans layui

爱喝马黛茶的安东尼

Libérer： 2019-07-11 14:09:47

original

4633 Les gens l'ont consulté

Comment actualiser la page actuelle pour la suppression par lots dans layui

1. Effectuez d'abord l'opération d'interface visuelle, comme indiqué sur l'image, il y a 2 éléments de données.

Comment actualiser la page actuelle pour la suppression par lots dans layui

2. Sélectionnez les données à supprimer par lots.

Comment actualiser la page actuelle pour la suppression par lots dans layui

3. Cliquez sur le bouton Supprimer et un code d'invite apparaîtra

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

Copier après la connexion

batchDel pour appeler la véritable méthode de suppression par lots

Comment actualiser la page actuelle pour la suppression par lots dans layui

4. L'interface de résultat après suppression par lots.

Comment actualiser la page actuelle pour la suppression par lots dans layui

Recommandations associées : "Tutoriel du framework layui"

5. La méthode d'ajout de données sera utilisée plus tard lors de la suppression par lots. Ceci, donc cette méthode est réutilisée et sera utilisée lors du chargement initial des données et de la suppression par lots :

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:&#39;错误&#39;});
    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:&#39;错误&#39;});
});
}

Copier après la connexion

Comment actualiser la page actuelle pour la suppression par lots dans layui

6. La méthode de suppression, rafraîchissante après la suppression par lots, est en fait Demandez à nouveau la méthode d'initialisation pour charger les données une fois. Utilisez la méthode ajax pour ne pas actualiser la page. Le code est le suivant :

/**
     * 删除专题
     */
    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); //更新当前页
});
    }

Copier après la connexion

Comment actualiser la page actuelle pour la suppression par lots dans layui