Layui实现删除及修改后停留在当前页

layui框架下实现删除与修改后页面停留技巧
最新推荐文章于 2025-02-06 11:17:39 发布
最新推荐文章于 2025-02-06 11:17:39 发布
阅读量520 收藏
点赞数 6
CC 4.0 BY-SA版权
分类专栏： Java项目应用2 文章标签： layui layui删除 删除后停留当前页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tangshiyilang/article/details/136823267

1、功能概述？

我们在使用layui框架的table显示数据的时候，会经常的使用分页技术，这个我们期望能够期望修改数据能停留在当前页，或者删除数据的时候也能够停留在当前页，这样的用户体验会更好一些，但往往事与愿违，实现这个功能非常的困难。

本人经过多次实验，提供一种较为简单的，行之有效的，实现删除和修改停留当前页的方式。

2、具体实现过程如下

2.1、Layui后端的创建方式

我这个案例是使用mybatisplus查询数据，没有什么值得说的。

重点是：layui的table接收的数据格式需要特定的格式：

Map

了解本专栏 订阅专栏 解锁全文 超级会员免费看
java 修改删除返回当前页面问题解决办法
不抛弃、不放弃：Aaron莫言
08-20 3984
我们在一些项目开发中,会遇到这样类似的问题,当用户点击删除或者修改以后,页面总是
layui框架table删除/返回操作刷新数据在当前页
weixin_44958388的博客
09-10 6911
function loadNews(currIndex) { var currNum; //当前页码 $("#page").html(''); var str = $('<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">\n' ...
layui表格删除本页数据,如果有数据停留在当前页,如果没数据就跳到上一页
Tom_sensen的博客
04-21 1329
1、需求:layui表格删除本页数据,如果有数据停留在当前页,如果当前页没数据就跳到上一页 2、修改layui框架中的table.js if (curr > 1 && res.data.length === 0) { that.pullData(curr - 1); } 原理: layui无论是刷新,还是删除行数据刷新表格,还是新增刷新表格,都会执行重新加载table表格数据,那么我们就可以从这里入手,当加载数据的时候,我们就判断一下当前页是否有
layui table列表重载后保持进度条位置不变
leo_jk的博客
03-16 1868
done回调中，我们一般会调用table.on('tool(dataTable)', function (obj) {} 用来监控每行进行的编辑或其他操作，所以在点击这些操作时，便记录操作行的滚动位置。所以在done的回调函数最后写入 $(".layui-table-main").scrollTop(topScroll) 即列表刷新后滚动条指定滚动到上次位置。使用layui的table表格组件时，当我们操作了某行的修改后，刷新了页面，进度条则跳回到最上面。1.定义全局变量 保存滚动条位置。
关于Layui table删除当前页最后一条数据不返回到上一页
小刘的博客
08-10 737
其实你只要在table.render()方法里面这样写 ,done:function(res, curr){ var brforeCurr = curr; // 获得当前页码 var dataLength = res.data.length; // 获得当前页的记录数 var count = res.count; // 获得总记录数 if(dataLength == 0 && count != 0){ //如果当前页的记录数.
分页表格删除数据后保留当前页
SanOrintea的博客
11-09 306
分页表格删除数据后保留当前页的代码： const totalPage = Math.ceil((this.page.pageTotal - 1) / this.page.pageLimit) this.page.pageIndex = this.page.pageIndex > totalPage ? totalPage : this.page.pageIndex this.page.pageIndex = this.page.pageIndex < 1 ? 1 : this.page.page
layuiAdmin刷新保持当前页面
myhkhk的博客
01-09 955
layuiadmin后台管理框架iframe版，每次刷新整个页面，都会回到首页，这样的体验感非常不好。
刷新Layui数据表格的当前页（刷新后仍是当前页，不是表格的第一页）
Android_la的博客
07-25 5568
文章目录一. 问题背景二. 解决方案 一. 问题背景 后台：SpringBoot 前端：Layui 情况：自定义一个刷新按钮，点击后，使得表格刷新仍留在当前页 参考自：Layui官方文档的数据表格重载 二. 解决方案 这里只给出一种解决方案，由于渲染数据表格的方式不同，解决方案都会略有不同，但是都是大同小异，最关键的部分是不变的。 这里给出的解决方案是只重载数据，没有实现条件搜索的重载，也是大同小异，看懂下面的关键代码就可以去Layui官方文档的数据表格重载学习如何实现条件搜索的重载。 最最最关键的代码，注
如何在Layui框架中实现列表操作后返回编辑页面并带参数刷新表单
热门推荐
私聊前往站内信：https://i.youkuaiyun.com/#/msg/chat/weixin_44976692
09-13 2万+
执行编辑操作后重定向：通过进行重定向，并附加必要的参数。解析URL参数：使用解析URL中的参数。刷新页面组件：根据解析出的参数，使用Layui的API刷新表单或表格。状态管理：可以考虑使用或来管理状态信息，确保页面间的数据传递和刷新功能的实现。通过以上方法，您可以实现一个灵活、高效的前端数据操作和展示逻辑，使您的应用更加动态和用户友好。希望本文能为您在使用Layui框架时提供有价值的参考和帮助。
layui table 修改页面值，不刷新页面
清叶 的专栏
11-22 2476
一、点击单元格更新数据 table.on('tool(tbEvent)', function(obj) { var data = obj.data,layEvent = obj.event; var $this = $(this); layer.open({ title: '设置状态', type: 1,shade: false, maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin', ar...
Layui刷新表格数据时停留在当前页
天涯芳草
03-25 2633
一,大家在使用Layui框架时,关闭子窗体后需要刷新父页面或者当前页面; 但是由于Layui框架自身默认刷新时，自动回到首页; 打开子页面代码如下： layer.open({ type: 2, title: "余额查询", content: '/payaccount-admin/templates/rms_sys/wallet/queryBalance.html?walletNumberCode=' + current_data.numberCode + '&a...
layui 分页 删除一条数据后 如何刷新当前页
很多时候犯错都是在不知情的情况下发生的
07-16 3155
这样就可以了 $.ajax({ cache: true, type: "POST", url: "/News/AddNews", data: { newsid: newsid, small: small, title: title, txtconetent: txtconetent, newstype: newstype, sort: sort, date: date }, async: tru...
layui laypage 实现刷新后还在当前页面
weixin_42571089的博客
07-19 1767
在使用layui 的laypage时 因为是使用ajax获取分页数据
前端——》Layui-表格默认停留在当前页（操作后不跳转到第一页）
叙传
09-05 5649
此次修改layui表格默认停留在当前页的时候顺便加了保留条件查询的方法。即功能展现为： 表格有6页数据，按照某个条件搜索，表格展示了3页数据，我们在第2页点击编辑跳转到子页面，再关闭子页面回到这个列表页面的时候，仍然还在第2页。不会默认跑到第一页，同时也保留了搜索条件。当然不默认跳转第一页和保留搜索条件我们可以把它分成两个功能点，这两个功能点可以像我一样同时使用，也可以分开各自使用。两个功能点的...
layui table 不刷新 不渲染，直接修改行数据
清叶 的专栏
04-12 1097
2、修改对应行，对应列(日期列)数据。
layui表格内使用edit属性修改行内容
m0_69439101的博客
04-20 5774
回调函数返回一个object参数。
关于layui table表格（table.render）设置搜索之后无跳转，执行修改操作之后刷新当前页
qq_40191985的博客
10-15 3487
关于layui table表格（table.render）设置搜索之后无跳转，执行修改操作之后刷新当前页，不跳转至第一页的解决方法，主要的就是页面表格渲染的时候，就要把数据先渲染好，这样就可以保留选择项了，其次就是当打开一个新页面的时候加载父级的showroom方法,在这个方法里面，我把选择项和填写项重新赋值，然后重载table表格,并做了表格加载页锁定。 首先创建一个搜索项目 <form class="layui-form" lay-filter="room_search">
转载 Layui 数据表格 table 行数据修改 edit:text/edit:true
代码笔记
06-21 964
原文地址 :
【layui】table的自定义=添加、编辑
最新发布
Minions_Fatman的博客
02-06 855
【代码】【layui】table的自定义=添加、编辑。
基于Layui实现数据的添加修改删除功能
首先，在 Layui 中实现“添加、修改、删除”功能，主要依赖于其强大的 `table` 模块和 `form` 表单模块。`table` 模块支持异步加载数据、分页、排序、工具栏、行内编辑等多种特性；而 `form` 模块则用于处理弹窗表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雾林小妖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值