layui學習之數據表格事件、刪除、更新數據

刪除行：obj.del();

更新數據：obj.update({屬性：更改後的值});

    //監聽工具條 
    table.on('tool(test)', function(obj){ //注：tool 是工具條事件名，test 是 table 原始容器的屬性 lay-filter="對應的值"
      var data = obj.data; //獲得當前行數據
      var layEvent = obj.event; //獲得 lay-event 對應的值（也可以是表頭的 event 參數對應的值）
      var tr = obj.tr; //獲得當前行 tr 的 DOM 對象（如果有的話）
     
      if(layEvent === 'detail'){ //查看
        //do somehing
      } else if(layEvent === 'del'){ //刪除
        layer.confirm('真的刪除行麼', function(index){
          obj.del(); //刪除對應行（tr）的DOM結構，並更新緩存
          layer.close(index);
          //向服務端發送刪除指令
        });
      } else if(layEvent === 'edit'){ //編輯
        //do something
        
        //同步更新緩存對應的值
        obj.update({
          username: '123'
          ,title: 'xxx'
        });
      } else if(layEvent === 'LAYTABLE_TIPS'){
        layer.alert('Hi，頭部工具欄擴展的右側圖標。');
      }
    });
          

主要了解學習：

1、event也可以是表頭裏面的事件

2、obj.del();

3、obj.update({});