1.刷新当前页:
layer.msg(data.msg, {icon:1,time:1000},function(){
setTimeout('window.location.reload()',1000);
});
2.关闭当前页,并刷新父页:
layer.msg(data.msg, {icon:1,time:1000}, function(){
var index = parent.layer.getFrameIndex(window.name);
//parent.location.reload(); //刷新父页面
parent.layer.close(index);
});
3.重载父页数据表格:
var index = parent.layer.getFrameIndex(window.name);
parent.layui.table.reload('items');//重载父页表格,参数为表格ID
parent.layer.close(index);
分享到:
相关推荐
在今天的分享中,我们将详细探讨如何使用layui的数据表格组件实现数据重载功能,并将参数传递给后端服务器。LAYui是一款前端UI框架,它提供了丰富的组件,其中包括用于显示和操作表格数据的表格组件。在实际开发中,...
在某些场景下,如在弹出框中完成了数据的保存后,我们需要让弹出框关闭的同时,刷新表格页面来展示最新的数据,以确保用户界面与后端数据的一致性。 首先,我们来了解Layui中layer.open的用法。layer.open用于生成...
在这个特定的场景中,"layui table 复选框跳页后再回来保持原来选中的状态"是一个常见的需求,特别是在数据量大、需要分页显示的情况下。用户可能需要在不同页面间切换,并保持他们之前选择的行的状态。 在layui ...
在后端数据发生变化后,可以通过触发layPage的事件,只刷新当前页的数据,而不影响其他分页的内容,从而提升用户体验。 四、结合Ajax实现动态数据刷新 Layui中table组件的data属性允许开发者通过Ajax方式动态获取...
通过设置`options.page.curr`属性,可以控制表格跳转到特定页码,通常是添加行后的当前页。 #### 实现步骤详解 1. 获取当前表格的所有数据,这通常是一个对象数组。 2. 在数组末尾添加一个空对象(所有属性值为空)...
在Layui框架中,使用表格模板与layer弹层组件进行父页面和子页面之间的传值交互是一项常见的需求。Layui是一个轻量级的前端UI库,其layer模块提供了丰富的弹窗功能,包括对话框、提示、加载层等,非常适合用于构建...
table.reload('重载表格id', { url: '搜索请求接口', method: 'GET', page: { curr: 1 }, where: { beginDate: date_s } }); } }; $('#rechar_btn').on('click', function() { var type = $(this).data...
为了解决这个问题,我们需要在表格重载前记录滚动条的位置,并在数据重新加载后恢复这个位置。 以下是一个具体的解决方案: 1. 首先,我们需要为layui table定义一个外层div,给它一个唯一的id,例如 "table_and_...
// 重载表格数据 table.reload('demo', { page: { curr: obj.curr // 获取当前页码 }, where: { page: obj.curr, // 传递页码参数 limit: obj.limit // 传递每页显示条数 } }); }); ``` 5. **checkbox*...
- 监听事件重载:使用layui的table组件监听搜索操作,动态刷新表格数据。 5. 用户添加: - 后端实现:在mapper.xml中定义SQL插入语句,将新用户信息存入数据库,包括用户名、密码、邮箱等字段,同时设置默认值...