美文网首页
获取layui.table.tr的索引值

获取layui.table.tr的索引值

作者: 酸奶味鲷鱼烧 | 来源:发表于2019-07-23 16:19 被阅读0次
    table.on('tool(LAY-app-prescList-list)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
      var data = obj.data; //获得当前行数据
      var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
      // 异常不要用它原来的这个作为tr的dom
      // var tr = obj.tr; //获得当前行 tr 的DOM对象
      var $this = $(this);
      var tr = $this.parents('tr');
      var trIndex = tr.data('index');
      if (layEvent === 'detail') { //查看
        //do somehing
        console.log(data);
      } else if (layEvent === 'del') { //删除
        layer.confirm('真的删除行么', function (index) {
          obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
          layer.close(index);
          //向服务端发送删除指令
        });
      } else if (layEvent === 'edit') { //编辑
        //do something
    
        //同步更新缓存对应的值
        obj.update({
    
        });
      } else if (layEvent === 'addRowTable') {
        // 外围的table的id + tableIn_ + 当前的tr的data-index
        $(this).attr('lay-event', 'fold').html('-');
        var tableId = 'tableOut_tableIn_' + trIndex;
        var _html = [
          '<tr class="table-item">',
          '<td colspan="' + tr.find('td').length + '" style="padding: 6px 12px;">',
          '<table id="' + tableId + '"></table>',
          '</td>',
          '</tr>'
        ];
        tr.after(_html.join('\n'));
        // 渲染table
        table.render({
          elem: '#' +tableId,
          data: data.friend||[],
          cols: [[
            {field:'id', title: 'ID'},
            {field:'name', title: '朋友姓名'},
            {field:'age', title: '年龄'}
          ]],
    
        });
        // $(window).resize();
    
      } else if (layEvent === 'fold') {
        $(this).attr('lay-event', 'addRowTable').html('+');
        tr.next().remove();
      }
    });
    

    相关文章

      网友评论

          本文标题:获取layui.table.tr的索引值

          本文链接:https://www.haomeiwen.com/subject/uzlalctx.html