Layui組件Table綁定行點擊事件和獲取行數(shù)據的方法
更新時間：2018年08月19日 13:38:55 作者：黑暗騎士陳二狗
今天小編就為大家分享一篇Layui組件Table綁定行點擊事件和獲取行數(shù)據的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一個項目里面用了layui,簡直無數(shù)個坑...
這里先記錄一個行點擊事件的坑,后面慢慢補充.
初始化表格完成后利用事件給table(定位table需要在HTML代碼中給table放入指定div)的tr綁定雙擊事件,然后獲取Index,再從數(shù)據集里面取出行數(shù)據;
done: function(res, curr, count){
$('#div').find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
var id = JSON.stringify($('#div').find('.layui-table-body').find("table" ).find("tbody").find(".layui-table-hover").data('index'));
var obj = res.data[id];
fun.openLayer(obj);
})
}
以上這篇Layui組件Table綁定行點擊事件和獲取行數(shù)據的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
JavaScript展開運算符和剩余運算符的區(qū)別詳解
本文主要介紹了JavaScript展開運算符和剩余運算符的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章介紹了Js制作簡單彈出層DIV在頁面居中 中間顯示遮罩的具體方法，有需要的朋友可以參考一下2013-08-08
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)拼音(字母)匹配(搜索)漢字(姓名)的效果，文中的示例代碼講解詳細，感興趣的可以了解一下2023-04-04
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)MUI數(shù)字輸入框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要為大家詳細介紹了Bootstrap字體圖標無法正常顯示的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript實現(xiàn)表格表單的隨機選擇和簡單的隨機點名
本文主要介紹了JavaScript實現(xiàn)表格表單的隨機選擇和簡單的隨機點名，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08
這篇文章主要介紹了JavaScript跨域方法匯總,本文總結了12種JavaScript的跨域方法,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了js實現(xiàn)圖片輪播效果的相關資料,需要的朋友可以參考下2015-12-12
JS前端開發(fā)之exec()和match()的對比使用
match()方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配,下面這篇文章主要給大家介紹了關于JS前端開發(fā)之exec()和match()的對比使用的相關資料,需要的朋友可以參考下2022-09-09
JavaScript Date對象詳解及時間戳和時間的相互轉換問題
這篇文章主要介紹了JavaScript Date對象詳解及時間戳和時間的相互轉換問題,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01