Layui table 的两个问题,求支招,谢谢

weiyulin510037 2020-09-17 07:26:25
问题一:

表中每一行后面都有一个 修改 按钮 点击之后 弹出Iframe层, 在iframe中修改数据并按OK之后,如何关闭iframe层并动态更新 talbe 的值,不是让table重新加载json,是动态修改table的数据

问题二:

layui table 删除某一行之后,如何让下面的数据自动往上补位
比如。现在有10页数据,每而100行数据,我把第3页的第5条数据删除,那么第6条数据应该往上移动,并且,页码应该变成9页



如这个图,我删除了两行数据,下面就会有两行空白行,如上将余下的数据上移补位


谢谢啦
...全文
12840 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
weiyulin510037 2020-10-08
  • 打赏
  • 举报
回复
谢谢各位老师
  • 打赏
  • 举报
回复
问题一:layui的table里面有cache能获取到当前页的数据集合,修改后拿这个数据集合重新加载 问题二:估计不太行,这个分页只是显示当前页的数据,其他页的数据不重新向后台请求是拿不到的
晨易夕 2020-09-18
  • 打赏
  • 举报
回复
我反正一贯遵循数据驱动UI,你的重点还是着重于修改数据。你某行的数据更改了,不管是从服务器重新查询还是本地重新load,都是要重新渲染UI的,没什么两样。 你删除了一行数据,在不更改排序方式,查询条件和分页数据时,重新渲染UI,一样达到了你说的,下一行提到了上一行。
杀马特丶蛮牛 2020-09-18
  • 打赏
  • 举报
回复
刷新下表格不行吗?记住页码,刷新的时候就获取这一页的数据就好了
Vin Cente 2020-09-18
  • 打赏
  • 举报
回复
1.动态修改的话,需要源数据,查询出来的源数据提供修改,修改完成后,就得到了新数据,js获取新数据填补到源数据上,可以通过编号或ID来写,简单来将,我编辑id为10的数据,修改之后,ajax后台提交,修改成功,同时前端也获取到了数据,把id为10的table的数据更新 2.这个更简单,把每行都通过id或编号标识,点击删除后,ajax执行操作,然后再ajax执行完操作后,把这一行的代码remove就好了,至于页码变化的话,应该跟你分页查询有关系,你想动态删除,又不想重新查询一遍。除非你弄一个集合,把查询到的数据弄到集合里,删除就删除集合的数据,但是这样也得请求一次。。。

62,041

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧