layui怎么獲取當(dāng)前行的數(shù)據(jù)

小億
527
2024-01-23 10:44:21

在layui中，可以通過(guò)表格的事件監(jiān)聽(tīng)來(lái)獲取當(dāng)前行的數(shù)據(jù)。具體步驟如下：

首先，在表格的定義中，給每一行的操作按鈕綁定一個(gè)事件監(jiān)聽(tīng)，例如：

table.on('tool(test)', function(obj){
  var data = obj.data; // 獲取當(dāng)前行的數(shù)據(jù)
  var layEvent = obj.event; // 獲取當(dāng)前點(diǎn)擊的按鈕的lay-event屬性值
  // 根據(jù)layEvent的值進(jìn)行相應(yīng)的操作
});

然后，在按鈕的定義中，添加一個(gè)lay-event屬性，用于標(biāo)識(shí)點(diǎn)擊按鈕的操作類型，例如：

<button class="layui-btn layui-btn-sm" lay-event="edit">編輯</button>

在事件監(jiān)聽(tīng)中，通過(guò)obj.data就可以獲取到當(dāng)前行的數(shù)據(jù)，然后根據(jù)需要進(jìn)行相應(yīng)的操作。例如，可以通過(guò)data.id獲取到當(dāng)前行的id，然后根據(jù)id進(jìn)行數(shù)據(jù)的更新或刪除等操作。

注意：上述代碼中的test是表格的lay-filter屬性值，需要根據(jù)實(shí)際情況進(jìn)行修改。另外，也可以使用layui的自定義事件來(lái)實(shí)現(xiàn)當(dāng)前行數(shù)據(jù)的獲取，方法類似，只需將tool替換為event即可。

0 踩