需求:使用前端框架layui生成表格,點(diǎn)擊表格中一行數(shù)據(jù)中的按鈕,獲取到這行數(shù)據(jù)。
創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)整合營(yíng)銷推廣、網(wǎng)站重做改版、貢井網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、購物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為貢井等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
解決辦法:
在render中增加字段:
done: function (res, curr, count) { // $('.x-body').find('.layui-table-body').find("table").find("tbody").children("tr").on('click', function () { // var id = JSON.stringify($('.x-body').find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index')); // var obj = res.data[id]; // console.log(obj, 'obj') // // fun.openLayer(obj); // }) table.on('tool(test)', function (obj) { //注:tool是工具條事件名,test是table原始容器的屬性 lay-filter="對(duì)應(yīng)的值" var data = obj.data; //獲得當(dāng)前行數(shù)據(jù) var layEvent = obj.event; //獲得 lay-event 對(duì)應(yīng)的值(也可以是表頭的 event 參數(shù)對(duì)應(yīng)的值) var tr = obj.tr; //獲得當(dāng)前行 tr 的DOM對(duì)象 if (layEvent=="invest_perfer"){ x_admin_show("投資偏好","/echarts1.html?mobil="+data.mobil,"",510); }else{ x_admin_show("用戶畫像","/echarts4.html?mobil="+data.mobil,"",510); } }); }
然后在按鈕中一定要增加lay-event屬性:
完整代碼:
效果展示:
點(diǎn)擊投資偏好或者用戶畫像按鈕都可以獲取該行的數(shù)據(jù)。
以上這篇layui使用表格渲染獲取行數(shù)據(jù)的例子就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。