1. Führen Sie zunächst die visuelle Schnittstellenoperation durch, wie im Bild gezeigt, es gibt 2 Daten.
2. Wählen Sie die Daten aus, die stapelweise gelöscht werden sollen.
3. Klicken Sie auf die Schaltfläche „Löschen“ und ein Eingabeaufforderungscode wird angezeigt
layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){ batchDel(resSubInfoIds); }, function(){ });
batchDel, um die echte Stapellöschmethode aufzurufen
4. Die Ergebnisschnittstelle nach der Stapellöschung.
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:'错误'}); }); }
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); //更新当前页 }); }
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!