Layui 重载后表格内容重复更换提交方式已解决

Layui 2.5.4 版本重载内容展示重复问题

直接上代码：
HTML

<div class="layui-form-item layui-col-space10"><div class="layui-col-md6 "><label for="" class="layui-form-label">文件名称</label><div class="layui-input-block"><input type="text" class="layui-input" name="search_name" id="search_name"></div></div><div class="layui-col-md3 layui-col-md-offset3"><div class="layui-btn" data-type="reload" id="search">搜索</div></div>
</div>

layui.use(['table', 'element'], function(){var table = layui.table;var element = layui.element;table.render({elem: '#file_table',url:'api/api-file.php',cols: [[{type: 'numbers', title: 'ID', align:'center'},{field:'number', title: '编号', align:'center', sort:true, width:200},{field:'name', title: '名称', align:'center', width:400},{field:'level', title: '级别', align:'center', sort:true},{field:'type', title: '类型', align:'center', sort:true},{field:'date', title: '日期', align:'center'},{fixed:'right', title:'操作', toolbar:'#barDemo', align:'center'}]],page: true,limit:10,toolbar:'#barAdd',id:'file_reload',request:{pageName:'page',limitName:'pagesize'}});// 信息重载var $ = layui.$, active = {reload: function(){var search_name = $('#search_name').val();//执行重载table.reload('file_reload', {url:'api/api-file.php',method:'post',page: {curr: 1 //重新从第 1 页开始},where: {'search_name':search_name}});}};$('#search').on('click', function(){var type = $(this).data('type');active[type] ? active[type].call(this) : '';});

后台查询后返回来的数值
PS：已经通过传值到后台查询出检索的数量以及内容

最终展示的页面

最终结果第一页和第二页表格内容一模一样。
因本人新手，技术有限没有找到问题所在。但是我修改了重载方式提交为：get
已经可以进行翻页操作。

var $ = layui.$, active = {reload: function(){var search_name = $('#search_name').val();var search_depart = $('#search_depart').val();//执行重载stable.reload('personal_reload', {url:'api/api-personal.php',method:'get'     //这里修改了重载提交方式为 GET,page: {curr: 1 //重新从第 1 页开始},where: {'search_name':search_name,'search_depart':search_depart}});
}

Layui 重载后表格内容重复更换提交方式已解决相关推荐

TS：解决Linux无法登录，输入密码后显示module is unknown报错(已解决)-2021.1.5
TS:解决Linux无法登录,输入密码后显示module is unknown报错(已解决)-2021.1.5 1.报错现象解决Linux无法登录,输入密码后显示module is unknown报 ...
layui中table表格内容过多自动换行
表格超出内容没有自动换行,超出部分需要自动换行. 允许长单词换行到下一行:p.test {word-wrap:break-word;}
Excel表格在编辑状态时文字完整显示，但是预览和打印时表格内容显示不全问题，如何解决
首先说明,目前还没找到完善的解决方案,可以通过以下方式暂时处理(虽然达不到预期效果o(╥﹏╥)o),欢迎大家评论区讨论完善. 复现场景: 1.在Excel中针对以下表格已经设置过自动调整行高,且编辑状 ...
el-table 表格内容多一根线的解决办法
如图所示,数据中多了一条横线解决办法是 .el-table::before {z-index: inherit; // 规定应该从父元素继承 z-index 属性的值. }
我的世界java平台缺少证书_tomcat配置https以及配置完成后提示服务器缺少中间证书（已解决）...
tomcat配置https 准备工作下载好证书文件,下载的时候可以选择为tomcat文件.我这下载下来是压缩包.解压后就是下图的样子. 以.key结尾的文件是证书的key 以.pem结尾的文件是证书 ...
ireport导出pdf后中文字符全部不显示（已解决）
系统可以成功的跳转到打印预览页面,预览效果正常,打印效果也OK,不过导出PDF后,单据中所有的中文全部不显示. 这个问题需要在报表制作的时候设置相关的pdf属性,打开Jaspersoft iRepor ...
微信小程序执行 wx.reLaunch 后，点击事件失效【已解决，亲测有效】
在使用微信小程序中,有一个场景需要调用 wx.reLaunch到A页面 wx.reLaunch({url: '/pages/index/nologin/nologin', }) 但是 reLaunch ...
重启服务器后磁盘显示空余变大,（已解决）开机后发现服务中Superfetch服务项会导致磁盘利用率在85%以上,重启后依旧...
在开机后发现磁盘利用率90%~100%之间(家庭组已经停用),后来发现服务项中Superfetch服务项在停用后,磁盘利用率恢复正常,请问该项目应该如何处理,如果禁用后对系统有什么影响? 使用的系统为 ...
承载网络开启后显示无法连接到Internet，已解决
在博文 win8-启用虚拟ap-以共享网络,使手机电脑一起网上冲浪中讲到了如何使用虚拟AP创建可共享的无线网络,在使用时还会出现无法连接到Internet,下面给出了解决办法右键已经连接到Int ...

Layui 重载后表格内容重复更换提交方式已解决

Layui 重载后表格内容重复更换提交方式已解决相关推荐

最新文章

热门文章

Layui 重载后表格内容重复 更换提交方式已解决

Layui 重载后表格内容重复 更换提交方式已解决相关推荐

最新文章

热门文章

Layui 重载后表格内容重复更换提交方式已解决

Layui 重载后表格内容重复更换提交方式已解决相关推荐