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屬性,但是這個輸入需要和新密碼進行對比,判斷是否一致,不一致就需要重新填寫,一致後纔會提交表單。

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