使用layui+jQuery實現點擊刪除單行數據


使用layui+jQuery實現點擊刪除單行數據

首先要用到layui的官網手冊

地址:https://www.layui.com/

注意1.  此功能是在使用layui展示數據的基礎上實現

  3.  數據展示步驟連接:https://www.cnblogs.com/glwuzhang/p/11252987.html

  2.  記得引用文件

1.進入手冊頁面的 ”示例“ 

2.在示例中找到 “數據表格” -> “數據操作” -> "查看代碼" 。這就是layui內置的數據操作代碼,分別復制紅框,綠框,紫色框的代碼到你的頁面。

 

3.將紅色框的代碼復制,在數據展示列后追加一行 如下圖。

   將綠色框的代碼復制到 html->body 中,不要放在js代碼中,如下圖。一個標簽代表一個按鈕,多余的刪除即可。

   將紫色框的代碼放置到 js代碼 layui.use 中任意位置 ,如下圖。

   我只做了刪除所以把多余的代碼都刪了。

 

 

4.在監聽工具條中,自帶聲明了一個 data ,這個data中是包含了點擊當前行的所有數據。

 所以我們可以使用jQuery的ajax發送data中需要的值,實現刪除。

 

做完判斷,和相應的彈框提示,layui的刪除基本到這兒就結束了。

 

新萌分享知識,做的不是很好,大家將就的看看把~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM