Layui table数据重载实现

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

未出笼的菜包

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

阅读量2k

点赞数

分类专栏： Layui 文章标签： html jquery

本文链接：https://blog.csdn.net/JY20180407/article/details/106785312

版权

本文介绍了Layui表格数据的重载实现，适用于搜索框中局部刷新查找结果。通过官方文档和运行示例，展示了如何在HTML、JS及后台操作中实现这一功能。

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

类似局部刷新数据，常用与搜索框的使用，刷新查找的数据

官方文档参考

在这里插入图片描述

运行效果参考: 数据表格的重载

HTML

<div class="form-box">
   <div class="layui-form layui-form-item">
      <div class="layui-inline">
         <div class="layui-input-inline" style="width: 200px;">
            <input type="text" name="search" autocomplete="off" class="layui-input" placeholder="查询信息">
         </div>
         <button class="layui-btn layui-btn-blue" id="searchContext">查询</button>
         <button class="layui-btn layui-btn-primary" id="clearContext">重置</button>
     </div>
 	</div>
         <button class="layui-btn layui-btn-blue" id="addNew"><i class="layui-icon">&#xe654;</i>新增</button>
         <table class="layui-hide" id="demo" lay-filter="rol"></table>
&l