练涛

layui tr dom解析

在layui数据表格行按钮监听事件中,获取到的ojb.data有些只有0,1这样的状态码,而获取我们用模板引擎替换的文字就只能从 tr dom 对象中拿到。

例如:

  • 最简单的jq方法: tr.children('td[data-field="xxx"]').text() //里面的xxx是对应的字段
  • 当然也可以用下面注释掉的js方法。

实例:

   // 表格行按钮 监听事件
        table.on('tool(' + tableId + ')', function (obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            if (layEvent === 'edit') {
                var bmjlSp;
                var fgldSp;
                //解析tr dom获取某个字段,被模板填入的内容 //$('td[data-field="b"]').text();
                //console.log(tr.children('td[data-field="bmjlSp"]').text());
                bmjlSp = tr.children('td[data-field="bmjlSp"]').text().trim();
                fgldSp = tr.children('td[data-field="bmjlSp"]').text().trim();
                // for(var i = 0; i < tr.children("td").length; i++) {
                //     var ele = tr.children("td")[i].getAttribute("data-field");
                //    //console.log(ele);
                //    if(ele==="bmjlSp"){
                //        console.log(tr.children("td")[i].innerText);
                //        bmjlSp=tr.children("td")[i].innerText;
                //    }
                //     if(ele==="fgldSp"){
                //         console.log(tr.children("td")[i].innerText);
                //         fgldSp=tr.children("td")[i].innerText;
                //     }
                // }
      }
posted @ 2020-07-30 17:04  练涛  阅读(492)  评论(0编辑  收藏  举报