Layui中数据表格开启头部工具栏后点击按钮不刷新页面操作

最新推荐文章于 2023-11-27 15:48:01 发布
最新推荐文章于 2023-11-27 15:48:01 发布
阅读量3.9k 收藏 1
点赞数 2
分类专栏： 填坑笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/simbleyou/article/details/84817498
版权

今天又碰到一个奇怪的问题。

用Layui头部工具栏实现某些功能的时候出现了刷新页面的情况，而且表单在是在隐藏的子页面中，操作时显示，但是点击工具栏后又回到了主页面。

处理办法为不要使用实例文档中的 <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>

改为<input id="btn_getxz" type="button" value="添加选择" class="layui-btn layui-btn-sm" lay-event="getCheckData" />

使用静态按钮处理就可解决页面刷新问题

SImble77
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui点击按钮页面会自动刷新的解决方案
01-19
link rel=stylesheet href=../../layuiadmin/layui/css/layui.css rel=external nofollow > </head> <body> <form class=layui-form> <div class=layui-form-item> <label class=layui-form-...
layui 表格删除数据后不更新以及返回页码问题
zcc的博客
01-22 1749
<table lay-filter="tasktimer" id="tasktimer"></table> <script type="text/html" id="barDemo2"> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"></a> </script> //方法级渲染 var tasktimer = t..
layui table 修改页面值，不刷新页面
清叶 的专栏
11-22 2204
一、点击单元格更新数据 table.on('tool(tbEvent)', function(obj) { var data = obj.data,layEvent = obj.event; var $this = $(this); layer.open({ title: '设置状态', type: 1,shade: false, maxmin: true, shade: 0.5,anim: 1,skin: 'layer-ext-myskin', ar...
Layui 设置按钮按下不刷新
m0_67187094的博客
05-17 336
提交
Layui框架弹出框form表单中单选按钮状态不刷新
最新发布
雾林小妖的博客
11-27 763
在使用Layui的弹框的时候，无法修改弹框中form表单单选按钮radio的状态。
Layui数据表单执行完ajax函数执行修改操作后，表格中的数据不刷新
WEN_Windy的博客
09-16 1487
js代码： 后台Controller层的查询函数中加多一个String类型的参数接收时间戳，如下图 解决方法，在数据表格的url参数中加多一个一个时间戳参数，后台函数中使用String类型接收即可。 ...
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
10-16
在本文中，我们将探讨如何使用layui框架来实现一个功能，即当用户点击左侧导航栏时，不刷新整个页面，仅刷新页面的特定区域。layui是一个轻量级的前端UI框架，它提供了丰富的组件和功能，使得开发人员可以方便地构建...
layui实现数据表格点击搜索功能
10-16
在本文中，我们将深入探讨如何使用layui框架实现数据表格的点击搜索功能。layui是一个轻量级的前端组件库，提供了丰富的界面元素和便捷的操作接口，适用于快速构建网页应用。在这个例子中，我们将学习如何通过用户...
layui自定义工具栏的方法
12-13
功能效果：开启数据表格头部工具栏区域 关键参数：toolbar 参数类型：String/DOM/Boolean 参数说明： toolbar: ‘#toolbarDemo’ //指向自定义工具栏模板选择器 toolbar: ‘<div>xxx’ //直接传入工具栏模板字符 ...
layui数据表格刷新问题
qq_33684444的博客
10-19 1915
项目中有个需求，用的layui的数据表格自带分页，需要对表格数据进行审批或驳回。 发送http请求之后要刷新表格，原来的做法是请求成功后重新table.render加载表格，但是会造成每次都会回到第一页的情况。 利用layui自带的table.reload();方法可以解决，括号内填入表格的id（不带#），不要使用page的curr参数 ...
LayUI 头部工具栏/行工具栏按钮失效问题
qq_26213781的博客
03-06 2584
<table class="layui-hide" id="identity" lay-filter="test" style="height:100%"></table> table.on('toolbar(identity)', function (obj) { console.log(obj); var checkStatus = table.checkStatus(obj.config.id); .
00012-layui 表格table刷新后，工具栏的按钮失效
05-26 1089
工具栏按钮： <script type="text/html" id="taskListTable-toolbar"> <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" data-type="cancelTask">任务作废</button> </div> </script> 示例代码中工具栏按钮的监听事件： tab
Layui 使用问题 table的重载（reload）和toolbar 渲染问题 ---重载后toolbar中定义的数据或按钮方法失效
qq_41895810的博客
04-27 8287
如果你在layui的toolbar中定义了按钮方法，你会发现使用table.reload之后，这些方法不能用 或者不执行了。 首先看看你在toolbar中定义的方法是不是写在了 layui.use之中？ 如图 ，我的这个查询只有更新页面之后才能使用，table.reload方法执行之后就不能用了 但是如果你单独定义onclick 方法在layui.use之外，如图 这种方式就不会被 toolbar 头部工具所约束，可以正常的使用。 那么如何在toolbar中使用查询按钮，或..
layui表格数据添加功能，添加后表格的数据的自动刷新，前后端交互
热门推荐
Hui_Hong_TaiLang的博客
10-27 5万+
layui表格数据添加功能，添加后表格的数据的自动刷新，前后端交互 （1）界面 （2）实现添加功能 （3）主界面代码实现 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp
layui前端框架之table表数据的刷新
qq_44894359的博客
04-10 823
layui前端框架之table表数据的刷新
layui 动态表格 实现无感刷新
Izrj的博客
03-31 4151
var initTable= table.render({ elem: '#demo' ,height: 312 ,url: '/demo/table/user.json' //数据接口 ,page: true //开启分页 ,cols: [[ //表头 {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'} ,{field: 'username', title: '用户.
layui表格刷新按钮
weixin_39462109的博客
08-18 2940
前几天用layui给客户做东西，后面客户说需要表格刷新的功能，要一个刷新的按钮，用来刷新表格。 其他的框架都是有刷新表格的表格的图标的，layui居然没有。看了一下才发现，分页下面的“确定”按钮就是刷新按钮。这个名字取得太不一目了然了。。。。改了 在layui.all.js中， 结果： ...
JavaWeb——LayUi 数据表格局部刷新问题 2021-12-01
weixin_45803109的博客
12-01 6284
LayUi前端框架数据表格：layui下拉框渲染问题及回显问题
layui表格刷新 但不重新渲染的方法 layui表格如何自动刷新
无枫的博客，分享Java及Vue方向的技术文章
01-14 1万+
问题1：layui如何做到刷新表格 而不重新渲染 使用如下方法重新加载表格时会出现页面闪动，以及表格位置会重置的问题 deviceTable.reload() 目前有如下方法可以实现刷新的同时而不重新渲染页面 首先你需要结合layui表格插件和layui分页插件 let xxxTable= table.render({ ...... page: { layout: ['prev', 'n...
layui表格的头部工具栏事件如何获取被点击的按钮元素
06-03
在 layui表格的头部工具栏中，可以通过监听 toolbar 事件来获取被点击的按钮元素。具体实现步骤如下： 1. 在表格渲染时，通过 toolbar 参数配置头部工具栏按钮的 HTML 代码，例如： ```javascript layui.table....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值