【前端】layui搜索重载不在第一页的问题

已于 2022-07-22 10:02:40 修改
阅读量2.5k 收藏
点赞数
分类专栏： 前端 文章标签： 前端 layui 前端框架
于 2019-12-26 14:04:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/javaboyweng/article/details/103714410
版权

还在使用layui前端框架的人都会遇到一个问题，表格被渲染之后，如何数据重载到第一页，而不是当前页的数据。我们希望的是每次按搜索调用后端接口的时候，page都是从第一页开始。直接上代码，不瞎扯。加一个curr:1，官方之前是在文档里没写的。

核心代码 懂的人自然都懂

var inTb = table.render({});

//关键code
inTb.reload({page:{curr:1}})
杰肥啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
layui停止更新_layui 表格重载参数不更新的问题
weixin_39725193的博客
12-29 629
使用L的候通现端数是制这。效合应近环大过这业据ayui table重载时，发现如果前端多选，减少选项，后台接收的参数不会变化，使用的还是之前的搜在重说道。础过学开概码数项遍间里哦行览屏屏定处。。容标中钮控设近浏新术，都第来期发述更据目历也面我商器蔽蔽广绿最索条件。//执行重载table.reload('UserTable', {page: {curr: 1 //重新从第 1 页开始},where:...
【前端】layui前端框架学习笔记，2024年最新大厂hr面试问题
m0_60707660的博客
04-18 717
yyyy-MM-dd通过日期时间各自的格式符和长度，来设定一个你所需要的日期格式。layDate 支持的格式如下格式符说明yyyy年份，至少四位数。如果不足四位，则前面补零y年份，不限制位数，即不管年份多少位，前面均不补零MM月份，至少两位数。如果不足两位，则前面补零。M月份，允许一位数。dd日期，至少两位数。如果不足两位，则前面补零。d日期，允许一位数。HH小时，至少两位数。如果不足两位，则前面补零。H小时，允许一位数。mm分钟，至少两位数。
layui表格数据重载
12-29
本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下 html代码 <div class=wrap-container> <div class=column-content-detail> <form class=layui-form action=> <div class=layui-form-item xss=removed> <div class=layui-inline> <input type=text id=userName name=userName requi
layui table.reload 查询无法从第一页开始
weixin_44438032的博客
06-21 1073
layui分页
layui数据表格实现重载数据表格功能(搜索功能）
10-16
主要介绍了layui数据表格实现重载数据表格功能，以搜索功能为例进行讲解，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
layui搜索重载表格
人在码途
06-27 209
js部分 layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () { var table = layui.table; var form = layui.form; ////////////////////方法渲染表格开始/////////////////////// ...
进行分页查询时，在不是第一页查询的话，会导致查询不到所有的数据的问题，bug解决
учёба
10-31 2399
问题 问题： 当使用分页查询时，如果有查询条件并且不是在第一页的话，会导致当前查询的内容是在当前页面里面的数据进行查询，不能是获取全部的数据进行查询。 原因： 因为页面不在第一页，所以导致点击查询按钮时根据条件进行分页查询，因为有limit分页查询条件，所以会导致当前查询的是当前页的数据，会导致查询不到对应记录。 解决方法 在查询时，将当前页设置为第一页。因为在页面中有多个地方都会调用到分页查询findPage()方法为了不对其他地方造成影响，需要为查询按钮单独扩展一个_findPage方法，在此方
layui重新加载表格reload的时候只有页数回到了第一页,数据没有回到第一页的数据
一边努力一边摸鱼
07-03 5657
修改前: page这里写会导致只有现实页码回到1,并且有时候还会导致表格重载中加上的搜索出现问题 //刷新页面 function loadTable() { table = layui.table; table.reload('table', { url: 'list', height: 510, where : {merchant_...
layui table 复选框跳页后再回来保持原来选中的状态demo
04-13
在IT行业中，layui是一款流行的前端UI框架，它提供了丰富的组件和样式，用于构建美观且功能强大的Web应用。layui table是其核心组件之一，用于展示数据表格。在这个特定的场景中，"layui table 复选框跳页后再回来...
前端BootStrap与LayUI框架
qq_52992141的博客
11-05 1170
前端BootStrap与LayUI
LayUI table 刷新页面不重置页码
04-18
LayUI table 刷新页面不重置页码包含table.js被修改的源码及demo使用方法
layui.table表格重载（表格搜索）
Rocky1719的博客
03-27 4209
layui.table表格重载
Layui搜索及重载table
Zdelta
12-20 412
//搜索时重载 var active = { reload: function () { var demoReload = $('#search'); party.reload({ where: { search: demoReload.val() ...
关于Layui搜索功能表格数据重载
qq_54478931的博客
12-25 899
学习总结案例如下 不可缺少layui的引入form等： form.on('submit(xxx)', function(data){//点击重置的类型和按键id 类型(id) submit(xxxx) //执行重载 table.reload('xxx', {//要重置的表格id'xxx' page: { curr: 1 //重新从第 1 页开始 } .
2021-09-23 工作记录--LayUI-搜索重载
weixin_48850734的博客
10-23 255
一、LayUI-搜索重载 HTML： JS：
layui 表格重载 搜索表格内容
COCOLI_BK的博客
03-02 1501
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &
Layui数据表格重载到当前页
27号白开水的博客
11-24 871
html页面结构： 所以找到em标签中的这个文本，然后跳转到这一页就好了。 代码如下： let currpage = $('.layui-laypage-em').next().text(); table.reload('systemCert', { page: { curr: currpage } });
layui表格重载进入当前页。
a5252145的博客
07-11 3028
layui表格删除一条数据后，还是显示当前页。 if(layEvent === 'del'){ //删除 layer.confirm('真的删除么', function(index){ obj.del(); //删除对应行（tr）的DOM结构，并更新缓存 // 发起删除请求 $.post("${ctx}/expert/del",{"id":data.id},function (res...
layui table 方法渲染 筛选重载和搜索重载实现
热门推荐
01-15 1万+
公司产品选用的技术栈包含了layui传送门，这是一个简洁大方地前端ui框架，上手简单，开源，长期维护，并且有社区FLY。 layui有许多问题，但是能被解决的问题都不算问题，只不过需要你仔细看文档，经常逛社区。 这里给大家介绍它的table模块，因为我在使用中遇到了许多问题，这里做汇总。 1、表格方法渲染（使用内置的ajax） table模块最实用的功能就是避免我们ajax通信后还要依据解析数据手...
layui table 重载
最新发布
06-22
layui是一个轻量级的前端UI框架，其中的table组件提供了丰富的表格操作功能。如果需要重载layui table，通常是指当你需要更新表格的数据、样式或配置时，不刷新整个页面而是局部刷新表格内容。这可以通过以下步骤实现： 1. **获取表格实例**：首先，你需要确保已经初始化了一个layui的table对象，并且知道它的ID或引用。 ```javascript var tableIns = layui.$('.your-table-id'); ``` 2. **数据更新**：使用`reload`方法加载新的数据。你可以传递一个新的数组、JSON字符串或者一个包含数据和配置的对象。 ```javascript tableIns.table('reload', { data: newData, config: newConfig }); ``` 3. **配置改变**：如果你只想修改某些配置而不重新加载数据，可以单独设置配置项。 ```javascript tableIns.table('config', { page: { limit: 10 } }); ``` 4. **回调处理**：重载时，可以提供回调函数处理加载完成后的操作。 ```javascript tableIns.table('reload', { data: newData, success: function () { // 加载成功后执行的逻辑 } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杰肥啊

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值