关于layui table表格（table.render）设置搜索之后无跳转，执行修改操作之后刷新当前页

最新推荐文章于 2024-09-06 09:05:47 发布

禅时

最新推荐文章于 2024-09-06 09:05:47 发布

阅读量3.3k

点赞数

分类专栏：关于layui 重载表格不跳第一页的方法文章标签： javascript html jquery

本文链接：https://blog.csdn.net/qq_40191985/article/details/109098693

版权

本文介绍了使用layui table组件时如何避免执行修改操作后页面跳转到第一页的问题。关键在于页面初始化时完整渲染表格数据，并在打开新页面时调用父级的showroom方法，重新赋值并重载表格。同时，通过添加隐藏input来判断页面状态，以实现只刷新特定部分的功能。

摘要由CSDN通过智能技术生成

关于layui table表格（table.render）设置搜索之后无跳转，执行修改操作之后刷新当前页，不跳转至第一页的解决方法，主要的就是页面表格渲染的时候，就要把数据先渲染好，这样就可以保留选择项了，其次就是当打开一个新页面的时候加载父级的showroom方法,在这个方法里面，我把选择项和填写项重新赋值，然后重载table表格,并做了表格加载页锁定。

首先创建一个搜索项目

<form class="layui-form" lay-filter="room_search">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">楼栋</label>
                                                <div class="layui-input-inline">
                                                    <select name="balcony_id" id="balcony_select" lay-filter="balcony_change"></select>
                                                </div>
                                            </div>
                                            <div class="layui-inline">
                                                <label class="layui-form-label">楼层</label>
                                                <div class="layui-input-inline">
                                                    <select name="floor_id" id="floor_select"></select>
                                                </div>
                                            </div>
                                            <div class="layui-inline">
                                                <label class="layui-form-label">房型</label>
                                                <div class="layui-input-inline">
                                                    <select name="type_id" id="room_type_select"></select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <label class="layui-form-label">房号</label>
                                                <div class="layui-input-inline">