表中的动态按钮用于使用Javascript(CodeIgniter)删除/编辑数据


Dynamic buttons in table for delete/edit data with Javascript (CodeIgniter)

我已经创建了一个表,它显示了我的web用户。我想在表中添加"编辑"answers"删除"按钮,这很容易(动态工作),但我如何设置,每个按钮都将为其表行工作。例如:每个用户信息行都有"编辑"answers"删除"按钮,这些按钮只适用于他们的行(我可以使用他们的按钮编辑和删除每个用户)。此外,最好的解决方案将是JavaScript,所以有什么想法吗?

我假设表的数据来自数据库调用,每个用户都有一个记录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,您可以从行的数据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
});