layui中实现按钮点击事件,刷新页面等问题

 

这里的点击事件是指单纯的点击事件,而不是提交事件,或者是数据表格中内嵌的button,对于这两者,layui是有lay-submit和lay-event这个属性进行支持的,所以这里只能使用最原始的js和jq进行监听点击事件。

<button class="layui-icon layui-icon-export" id="withExport"></button>

第一种,js的监听:
 

$(document).on('click',"#withExport",function(){
        layer.msg("按钮点击");
 });

第二种,jQuery的监听:

$("#withExport").click(function(){
	layer.msg("点击事件");
});

 以上就是在layui中可以使用的监听事件。

下面是重新加载的方法 

 parent.location.reload(); //重新加载父页面
 location.reload();//重新加载当前页面

点击按钮 界面会刷新问题

 将button 改为input:

 <input type="button" class="layui-btn" id="return_parent" value="返回">

返回上一页面

 window.history.back();//返回上一页面

将获取的数据添加到页面,添加前要先清空原有数据

//清空历史数据
$("").empty();
//显示新数据
$("").append(数据);

layUI form表单提交,如果表单中的input没有name属性,那么表单提交的数据就不包括这个输入内容,例如:修改密码,重复新密码则不需要提交到数据库,所以它就不需要name属性,但是这个输入需要和新密码进行对比,判断是否一致,不一致就需要重新填写,一致后才会提交表单。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章