表中的动态按钮用于使用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
});
相关文章:
- 使用php或javascript从facebook相册URL中删除多余的部分
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 如何删除多行HTML排列中的空白
- 如何从rails中的代码中删除新行( )
- 删除对HTML元素的拖动
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 按顺序添加和删除类
- iframe正在添加标签,需要删除它们
- 如何在HTML输入字段中添加不可删除的后缀
- addData()从最新图表中删除.js 2.1.3-怎么了
- 如何覆盖锚点元素's href目标,并在我点击转到目标javascript时删除其他错误
- 删除CKEditor工具栏按钮,但不删除功能
- 当浏览器上的后退按钮到达主页时,我需要删除Class
- 正在删除node.js中已验证的网站
- 表中的动态按钮用于使用Javascript(CodeIgniter)删除/编辑数据
- 删除按钮在CodeIgniter中不起作用
- Angular js删除#标签,使用codeigniter作为辅助框架
- CodeIgniter锚点链接中的确认框以删除记录
- 如何在CodeIgniter中删除双foreach中的双URL引用
- 如何在codeigniter中使用javascript进行删除