layui执行添加或者修改后，重新加载数据表格数据（刷新页面动作）

最新推荐文章于 2022-05-21 08:37:22 发布
最新推荐文章于 2022-05-21 08:37:22 发布
阅读量8.2k 收藏 8
点赞数 5
分类专栏： html 文章标签： layui重新加载 layui刷新页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41399976/article/details/100885039
版权
本文介绍了一种在点击编辑按钮后，使用JavaScript代码刷新父窗口数据表格的有效方法。只需简单地在JS中加入window.parent.location.reload();即可实现，此方法经实际测试验证可行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是点击编辑按钮执行的js，要想实现添加后刷新数据表格的动作，只需要加上

window.parent.location.reload();

即可，亲测有效！！！

layui不同 li 不同数据表格，当前数据表格刷新后原定位到之前的 li
qq_38152400的博客
01-12 705
代码实现： $.ajax({ url: '../zjjgx/searchDataThree?searchDjbhThree='+searchDjbhThree+'&searchXybhThree='+searchXybhThree+'&searchHtbhThree='+searchHtbhThree, dataType: 'json', success: function (obj) { if (obj.success){
layui分页子页面更新完数据之后刷新当前所在页
Sun_of_Rainy的博客
08-08 4259
业务场景： 用户列表数据有5页，我在第2页修改了某一用户关闭弹出窗之后，还停留在第2页，并且进行刷新 方法：如图所示，在主页面打开子页面后，end回调方法中添加这行代码 $(".layui-laypage-btn").click(); 顺便重温下 另外，还有一个刚学到的，不过分析了一下，觉得业务场景中不实用，应该一般不会这样用，不管怎样，记录一下 业务场景：在哪...
Layui 表格数据修改成功后刷新显示
wh445306
12-03 4068
//方法1，首选 table.reload('TableDemo', {}); //修改成功刷新表格，'TableDemo'为表格id //方法2，静态刷新一行数据 obj.update({ user_id:res.user_id, user_name:res.user_name, sex:res.sex, area:res.area, });
layui循环数据并渲染_Layui数据表格加入自定义扩展方法(重新渲染Render当前页数据)...
weixin_42499530的博客
01-14 857
具体开发中遇到的问题如下，数据表格的重新渲染或重新加载会导致当前操作的分页 或 配置被清空。我正在操作第5页，重新渲染后就回到了最原始第1页。需要达到的效果是：不调用接口，仅仅只是从table.cache["表ID"] 缓存里重新渲染，步骤：1.将需要修改的列 和 值 使用table.cache["表ID"][“行索引”]["字段名"]=“xxxx”2.调用自己写的扩展方法,将指定页 重新渲染到界...
layui选项卡，刷新地址后定位到当前选项卡
simida666的博客
05-18 925
选项卡点击事件 $(".layui-tab-title li").click(function () { var picTabNum = $(this).index(); sessionStorage.setItem("picTabNum", picTabNum); sessionStorage.setItem("noteAppClick", "0"); }); sessionStorage里面第一个参数是选项卡索引， 第二个参数是为了区分左侧导航栏
layui form表单提交之后重新加载数据表格的方法
10-16
通过上述的分析，我们可以看到，layui框架在处理表单提交和数据表格刷新方面提供了强大的工具。开发者可以利用这些工具高效地构建出动态的用户界面。需要注意的是，由于本文的某些部分是OCR扫描识别的结果，可能包含...
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
01-19
背景 笔者之前一直使用 bootstrap table ，因为当前...有一个页面，左侧是一个 tree，右侧是一个 table，默认 table 加载全数据，当点击 tree 节点时，table 进行筛选，很简单的需求吧！   这里我们不谈 tree 的使用，
layui table动态表头 改变表格头部 重新加载表格的方法
10-16
在日常开发中，我们可能会遇到需要动态更改表格表头，以及在更改表头后重新加载表格数据的需求。本文将详细介绍如何在使用Layui的table组件时，动态地更改表头并重新加载表格数据。 首先，要理解Layui table动态...
layui前端框架之table表数据的刷新方法
10-18
在现代网页设计和开发中，前后端分离的架构模式越来越受欢迎，因此，前端框架在处理数据动态更新和页面刷新方面的需求愈发强烈。Layui是一款非常流行的轻量级前端UI框架，它的table组件在数据展示方面提供了强大的...
layui弹窗新增或编辑一行数据数据回显提交成功后表格数据刷新
shalyniu的博客
05-12 3029
在父页面进行新增修改 //新增按钮 var active = { add: function(){ layer.open({ type: 2 ,title: '添加用户' ,content: '/userform' //接口 ,maxmin: true ,area: ['500px', '450px'] ,b
layui后台返回数据成功，表格渲染失败问题
a_lllk的博客
11-16 2370
今天使用layui在前段渲染表格时，发现后台成功返回了json数据，在控制台也可以看到返回数据的详情，但是页面表格中并没有显示数据。效果如下图： 刚开始以为是前端页面写错了，然后仔细检查了页面发现并没有问题，但是数据就是显示不出来。 后面通过在页面构造data发现可以显示，然后确定了问题在后台返回的数据。 通过仔细的比较，最后发现，如果后台返回的数据中有length字段，且值为0的话，页面无法显示该条数据。 不知道原理是啥，再此做以记录。因为我页面不会显示length的值，所以直接从json
layui 数据返回但是table表格未渲染出来的问题
dengyi8388的博客
11-23 2570
最近蜂鸟速驾项目用layui框架，table进行表格渲染 控制台打印发现有数据，但是table.render渲染不出来，后来发现是数据已经返回但是页面元素未加载完成的缘故，用setTimeout定时器解决这个问题。代码如下 setTimeout(()=>{ layui.table.render(option); ...
使用layui方法渲染列表，如何将返回的数据进行判断后反回成想要的数据格式。
weixin_52231266的博客
05-21 1834
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、*layui如何将返回的数据进行判断后反回成想要的数据格式？* 前言 提示：这里可以添加本文要记录的大概内容： 这个问题是我在使用layui写后台管理遇到的问题，例如你数据库中存的状态为1，但是你页面中想要的是通过数字进行判断来显示状态1代表的含义。 提示：以下是本篇文章正文内容，下面案例可供参考 一、layui如何将返回的数据进行判断后反回成想要的数据格式？ 简单说一下 templet - 自定义列模板 //这是.
layui ajax请求的结果进行table渲染
0123456789
11-22 7004
layui表格渲染一般都是直接 table.render，由于页面每个几秒要重新请求后台，就去重载，这样页面就感觉一直闪【未找到好的解决方法，如有，望告知】，体验不好，所以就用 ajax 嵌套了一下，这里也只是缓解了一下，没有闪的明显而已，部分参数省略 请求格式 $.ajax({ url: "http://........", type: 'GET...
layui table动态追加(删除)一行,并进行原始数据渲染
Light
01-11 3002
记录：layui table.render动态追加(删除)一行数据，并对原有数据进行渲染 场景：修改商品入库任务时： 首先进行对客户已选择的入库商品进行遍历渲染 可追加入库商品，点击新增商品按钮时，弹出此客户名下的商品列表，此列表可搜索商品，可选择某行商品 可删除入库商品 当切换客户时，需要将已选择的入库商品列表清空 HTML代码： <!-- 选择客户--> <div class="layui-form-item layui-row layui-col-xs12"
layui form 组件动态添加下拉框数据
wjm0519的博客
01-25 1287
1.html代码 <form class="layui-form" style="margin-top: 50px;"> <div class="layui-form-item"> <label class="layui-form-label">上级</label> <div class="layui-input-block"> <sele
layui 表单回显数据，修改table表格数据
热门推荐
无缺的博客
03-30 3万+
如何在表单页面，回显数据？？？ layui提供:表单初始化赋值 链接：https://www.layui.com/doc/modules/form.html#val 代码如下： // formTest 就是class="layui-form" 所在元素对应的 lay-filter="" 对应的值 代码如下： form.val("formTest", { "us...
layui使用data参数渲染table，页面不展示的问题
qq_41896159的博客
09-22 2802
子窗口调用父窗口变量传入数据realData,如果data不写成变量形式是可以渲染成功的(固定数据可以渲染).写成变量就失败了只显示加载层图片.控制台没有报错 var realData=[]; if(parent.autoPaymentSortingInfo&&parent.autoPaymentSortingInfo!=null){ realData=parent.autoPaymentSortingInfo; }else{ realData=[]; } var data=[
layui数据表格之表格重载（两次渲染问题）
weixin_41539438的博客
05-06 4389
背景 在我们使用数据表格时候往往需要用到查询功能，以往常开发经验，点击【查询】立马$.ajax搞起来，但在这就面临一个问题，ajax拿到了数据，怎么去渲染表格，使用table.render(‘表容器id’,{data:res.data})渲染，但表格参数中的url仍然会执行（这样会有两次渲染，后一次还覆盖了我们的查询结果），这肯定不是贤心的设计初衷，因此，这里我们需要使用框架中的重载表格重载方法参数-> where 框架正是将我们的查询条件传给重载参数 where,通过重载时带上我们自定义的参数 、默
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值