現在の行のデータを取得するには、layuiをどのように使用すればよいですか?
Layuiでは、テーブルのイベントリスナーを使用して現在の行のデータを取得できます。具体的な手順は以下の通りです。
最初、表の定義において、各行の操作ボタンにイベントリスナーをバインドする。例えば:
table.on('tool(test)', function(obj){
var data = obj.data; // 获取当前行的数据
var layEvent = obj.event; // 获取当前点击的按钮的lay-event属性值
// 根据layEvent的值进行相应的操作
});
その後、ボタンの定義にlay-event属性を追加し、ボタンのクリック操作の種類を識別するために使用します。例えば:
<button class="layui-btn layui-btn-sm" lay-event="edit">编辑</button>
イベントリスナー中、obj.dataを使用して現在の行のデータを取得し、必要に応じて操作を実行することができます。たとえば、data.idを使用して現在の行のidを取得し、そのidに基づいてデータの更新や削除などの操作を行うことができます。
注意:test在上述代码中是表格的lay-filter属性值,根据实际情况需进行修改。此外,也可使用layui的自定义事件来获取当前行数据,方法相同,只需用event替换tool即可。