使用layui，执行事件后出现刷新的效果

最新推荐文章于 2023-08-17 22:16:01 发布

00_JackLu

最新推荐文章于 2023-08-17 22:16:01 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： web代码笔记文章标签： lalyui

本文链接：https://blog.youkuaiyun.com/qq_43399648/article/details/96148105

web代码笔记专栏收录该内容

8 篇文章

订阅专栏

本文探讨了使用layui框架创建表格并加入JS代码监控事件时遇到的问题：当按钮置于form框架内时，点击按钮会触发表格刷新现象。文中提供了一个具体的代码示例来说明这一现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用layui的模块时，我做了个表格，并加入JS代码监控事件，在这个中间发现一些问题，当按钮放在from框架中，只要执行按钮的事件后，就会出现迅速刷新的效果，而在去掉form后不会了。

<form class="layui-form layui-form-pane">
	<div class="layui-btn-group demoTable">
		<button class="layui-btn layui-btn-sm" id="getCheckData">获取选中行数据</button>	
		<button class="layui-btn layui-btn-sm" id="getCheckLength">获取选中数目</button>
		<button class="layui-btn layui-btn-sm" id="isAll">验证是否全选</button>	
		<button class="layui-btn layui-btn-sm" id="reload">刷新表格</button>	
	</div>
	
	<div class="layui-form-item" style="margin-top:15px;">
		<label class="layui-form-label">姓名</label>
		<div class="layui-input-inline">
			<input class="layui-input" type="text" name="username" id="username" palceholder="请输入用户名"/>
		</div>
		
		<label class="layui-form-label">城市</label>
		
		<div class="layui-input-inline">
			<input class="layui-input" type="text" name="username" id="add" palceholder="请输入用地址"
		class="layui-input-inline"/>
		</div>
		
	</div>
	<table class="lay-hide" id="test" lay-filter="test"></table>
	</form>