真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

layui使用表格渲染獲取行數(shù)據(jù)的例子

需求:使用前端框架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ù)的例子

以上這篇layui使用表格渲染獲取行數(shù)據(jù)的例子就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。


本文標(biāo)題:layui使用表格渲染獲取行數(shù)據(jù)的例子
瀏覽地址:http://weahome.cn/article/psgsss.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部