Heim > Web-Frontend > Layui-Tutorial > So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

爱喝马黛茶的安东尼
Freigeben: 2019-07-11 14:09:47
Original
4640 Leute haben es durchsucht

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

1. Führen Sie zunächst die visuelle Schnittstellenoperation durch, wie im Bild gezeigt, es gibt 2 Daten.

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

2. Wählen Sie die Daten aus, die stapelweise gelöscht werden sollen.

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

3. Klicken Sie auf die Schaltfläche „Löschen“ und ein Eingabeaufforderungscode wird angezeigt

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

batchDel, um die echte Stapellöschmethode aufzurufen

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

4. Die Ergebnisschnittstelle nach der Stapellöschung.

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

Verwandte Empfehlungen: „Layui-Framework-Tutorial

5. Die Methode zum Hinzufügen von Daten wird später beim stapelweisen Löschen verwendet Daher wird diese Methode wiederverwendet und beim ersten Laden von Daten und beim Stapellöschen verwendet:

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:'错误'});
});
}
Nach dem Login kopieren

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

6. Die Löschmethode, die nach dem Stapellöschen aktualisiert wird, ist tatsächlich Fordern Sie die Initialisierungsmethode erneut an, um die Daten einmal zu laden. Verwenden Sie die Ajax-Methode, um keine Seitenaktualisierung zu erreichen. Der Code lautet wie folgt:

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

So aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui

Das obige ist der detaillierte Inhalt vonSo aktualisieren Sie die aktuelle Seite für die Stapellöschung in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage