使用layui+jQuery實現點擊數據修改即可修改
首先要用到layui的官網手冊
注意1. 此功能是在使用layui展示數據的基礎上實現
3. 數據展示步驟連接:https://www.cnblogs.com/glwuzhang/p/11252987.html
2. 記得引用文件
1.進入手冊頁面的 ”示例“
2.在示例中找到 “數據表格” -> “開啟單元格編輯” -> "查看代碼",粘貼紫色框中的js代碼。
3.將上方的js代碼復制到自己的編輯器既可,注意:本功能是在使用layui數據展示的基礎上使用的。根據復制js代碼中自帶的三個變量。
value =在文本框修改完的新值
data=點擊修改行的主鍵ID
filed=點擊修改單元格的字段名
使用jQuery中的Ajax,根據上面三個變量足矣達到修改的效果。
4.到最這兒就基本上結束了,頁面上文本框失去焦點時會自動將新的數據替換到單元格中。
PS:有個致命的缺點,使用layui的“單元格編輯”無法獲取到舊的數據,所以在修改失敗的時候很尷尬,如果大家知道獲取舊數據的方法請下方留言告訴我~~~
其實多看看手冊,多留心代碼,這些基礎的功能很好實現的 。