zoukankan      html  css  js  c++  java
  • 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;
                    //     }
                    // }
          }
    
  • 相关阅读:
    第二周编程总结
    介绍自己
    编程总结3
    PTA编程总
    PTA编程总结1
    《秋季学期学习总结》
    《人生路上对我影响最大的三位老师》
    介绍自己
    7-1 打印沙漏
    记叙在人生路上对你影响最大的三位老师
  • 原文地址:https://www.cnblogs.com/famine/p/13405001.html
Copyright © 2011-2022 走看看