对Layui数据表格搜索,进行重载之后,搜索条件回显的问题!

检索之前

对Layui数据表格搜索,进行重载之后,搜索条件回显的问题!

检索之后

对Layui数据表格搜索,进行重载之后,搜索条件回显的问题!

问题:怎么样才能把那个检索的条件回显回来呢?

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 10

你把值传入后台后再由后台返回来 或者 你把搜索条件写入前端缓存

2年前 评论
子寒

好久没用Layui了, 我印象里我之前是操作如下 1.前端请求数据接口 2.接口返回数据 + 请求的参数 3.前端在通过返回的请求参数,渲染到表单里

2年前 评论

layui有form.on('过滤器名称')事件,能捕捉到按钮被点击,然后获取表单内容,不会刷新搜索域的form,异步请求接口刷新数据就行;


<div>
  <form class="layui-form layui-col-space5">
            <input type="text" name="order_no" placeholder="请输入订单号" autocomplete="off" class="layui-input">
            <button class="layui-btn" lay-submit="" lay-filter="searchBtn"></button>
    </form>
</div>

<script>
    form.on('submit(searchBtn)', function (data) {

        data中包含form返回的搜索条件数据,取出作为查询条件即可

        发送ajax请求

        处理数据

        刷新表格

        return false;

    });
</script>
2年前 评论
Complicated

没明白,怎么会有回显的问题呢?table是一个单独的控件,你发送请求之后,数据回来,会单独渲染 table控件,select当时选的啥就是啥呀!

2年前 评论

代码贴出来才能找问题

2年前 评论

异步提交, 不要刷新界面

2年前 评论

我就直接这么干了,表格重载之后,我直接jquery把查询条件再写进去就行了,表格重载,页面是不会刷新的,只是会把表格刷新一下

file

2年前 评论

重载表格,不要刷新页面,table.reload方法去重载就可以了

2年前 评论

写到页面缓存里,或者在url里面带上?a=searche&b=1 然后返现出来,这是最简单的

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!