Question

我创建了一个表格，它显示了我的网络用户。我想在表格中添加“编辑”和“删除”按钮，它很容易（动态工作），但我如何设置，每个按钮都适用于其表格行。例如：每个用户信息行都有“编辑”和“删除”按钮，这些按钮仅适用于他们的行（我可以使用他们的按钮编辑和删除每个用户）。此外，最好的解决方案是JavaScript，所以任何想法？

Answer 1

我假设该表的数据来自数据库调用，每个用户都有一个记录ID 因此，在创建表行时，请在行中添加id或data属性。

<tr data-id="<?php echo $record_id; ?>">
    <td>
        foo
    </td>
    <td>
        bar
    </td>
    <td>
        <a class="edit-link" href="javascript:;" title="Edit User">Edit</a>
    </td>
    <td>
        <a class="delete-link" href="javascript:;" title="Delete User">Delete</a>
    </td>
</tr>

使用JavaScript，您可以从行的data-id获取用户的记录ID 编辑;

$('.edit-link').on('click', function () {
    var user_id = $(this).parent().parent('tr').attr('data-id');
    // now do whatever you want
});

删除;

$('.delete-link').on('click', function () {
    var user_id = $(this).parent().parent('tr').attr('data-id');
    // now do whatever you want
});

表格中的动态按钮用于使用Javascript（CodeIgniter）删除/编辑数据

1 个答案: