Layui組件Table綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的方法
更新時(shí)間：2018年08月19日 13:38:55 作者：黑暗騎士陳二狗
今天小編就為大家分享一篇Layui組件Table綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
一個(gè)項(xiàng)目里面用了layui,簡(jiǎn)直無(wú)數(shù)個(gè)坑...
這里先記錄一個(gè)行點(diǎn)擊事件的坑,后面慢慢補(bǔ)充.
初始化表格完成后利用事件給table(定位table需要在HTML代碼中給table放入指定div)的tr綁定雙擊事件,然后獲取Index,再?gòu)臄?shù)據(jù)集里面取出行數(shù)據(jù);
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綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript展開(kāi)運(yùn)算符和剩余運(yùn)算符的區(qū)別詳解
本文主要介紹了JavaScript展開(kāi)運(yùn)算符和剩余運(yùn)算符的區(qū)別詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
Js制作簡(jiǎn)單彈出層DIV在頁(yè)面居中 中間顯示遮罩的具體方法
這篇文章介紹了Js制作簡(jiǎn)單彈出層DIV在頁(yè)面居中 中間顯示遮罩的具體方法，有需要的朋友可以參考一下2013-08-08
JS實(shí)現(xiàn)拼音(字母)匹配漢字(姓名)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)拼音(字母)匹配(搜索)漢字(姓名)的效果，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2023-04-04
微信小程序?qū)崿F(xiàn)MUI數(shù)字輸入框效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)MUI數(shù)字輸入框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
Bootstrap字體圖標(biāo)無(wú)法正常顯示的解決方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap字體圖標(biāo)無(wú)法正常顯示的解決方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript實(shí)現(xiàn)表格表單的隨機(jī)選擇和簡(jiǎn)單的隨機(jī)點(diǎn)名
本文主要介紹了JavaScript實(shí)現(xiàn)表格表單的隨機(jī)選擇和簡(jiǎn)單的隨機(jī)點(diǎn)名，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了JavaScript跨域方法匯總,本文總結(jié)了12種JavaScript的跨域方法,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了js實(shí)現(xiàn)圖片輪播效果的相關(guān)資料,需要的朋友可以參考下2015-12-12
JS前端開(kāi)發(fā)之exec()和match()的對(duì)比使用
match()方法可在字符串內(nèi)檢索指定的值,或找到一個(gè)或多個(gè)正則表達(dá)式的匹配,下面這篇文章主要給大家介紹了關(guān)于JS前端開(kāi)發(fā)之exec()和match()的對(duì)比使用的相關(guān)資料,需要的朋友可以參考下2022-09-09
JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問(wèn)題
這篇文章主要介紹了JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問(wèn)題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01