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

創新互聯主要從事網頁設計、PC網站建設（電腦版網站建設）、wap網站建設（手機版網站建設）、自適應網站建設、程序開發、網站優化、微網站、微信小程序定制開發等，憑借多年來在互聯網的打拼，我們在互聯網網站建設行業積累了豐富的網站建設、成都網站制作、網站設計、網絡營銷經驗，集策劃、開發、設計、營銷、管理等多方位專業化運作于一體。

一個項目里面用了layui,簡直無數個坑...

這里先記錄一個行點擊事件的坑,后面慢慢補充.

初始化表格完成后利用事件給table(定位table需要在HTML代碼中給table放入指定div)的tr綁定雙擊事件,然后獲取Index,再從數據集里面取出行數據;

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是一款采用自身模塊規范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內置模塊，他們皆可通過模塊化的方式按需加載，從核心代碼到API的每一處細節都經過精心雕琢，非常適合界面的快速開發，能夠作為PC網頁端后臺系統與前臺界面的速成開發方案。

以上是“Layui組件Table綁定行點擊事件和獲取行數據的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

本文標題：Layui組件Table綁定行點擊事件和獲取行數據的示例分析
文章起源：http://m.newbst.com/article12/gscpgc.html

成都網站建設公司_創新互聯，為您提供Google、品牌網站制作、品牌網站建設、定制開發、微信公眾號、軟件開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯