Layui組件Table綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的示例分析

這篇文章主要介紹Layui組件Table綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

一個(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是什么

layui是一款采用自身模塊規(guī)范編寫(xiě)的前端UI框架，它遵循原生HTML/CSS/JS的書(shū)寫(xiě)與組織形式，門(mén)檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過(guò)模塊化的方式按需加載，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開(kāi)發(fā)，能夠作為PC網(wǎng)頁(yè)端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開(kāi)發(fā)方案。

以上是“Layui組件Table綁定行點(diǎn)擊事件和獲取行數(shù)據(jù)的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！