0

0

layui批量删除怎么刷新当前分页

爱喝马黛茶的安东尼

爱喝马黛茶的安东尼

发布时间:2019-07-11 14:09:47

|

4816人浏览过

|

来源于php中文网

原创

layui批量删除怎么刷新当前分页

1.先进行可视化界面操作,如图有2条数据。

1562824611467149.png

2.批量选择需要删除的数据。

1562824635690089.png

3.点击删除按钮,弹出提示代码

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

batchDel 调用真正的批量删除方法

1562824652361954.png

4.批量删除完的结果界面。

Adrenaline
Adrenaline

软件调试助手,识别和修复代码中错误

下载

1562824668865192.png

相关推荐:《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:'错误'});
});
}

1562824961825118.jpg

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); //更新当前页
});
    }

1562824779300370.jpg

相关文章

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

157

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

160

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

116

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

230

2024.09.24

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

117

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

170

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

16

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ThinkPHP配置开发与CMS后台实战
ThinkPHP配置开发与CMS后台实战

共87课时 | 8.6万人学习

第二十三期_综合实战
第二十三期_综合实战

共89课时 | 6.6万人学习

Layui 快速入门精讲
Layui 快速入门精讲

共5课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号