数据表将字段值关联到按钮,而 ajax 填充表
Datatables associate field value to button while ajax fills table
我正在使用带有AJAX调用的数据表来输入值。我有一个删除按钮,可以从数据库调用Web服务器中删除行的用户。我想将用户名字段关联到按钮,以便我可以在 REST 调用中使用此值。这是我的表:
userTable = $('#usersTable').DataTable({
// disable order and search on column
columnDefs : [ {
targets : 1,
orderable : false,
searchable : false,
}, {
targets : 4,
orderable : false,
searchable : false,
} ],
// fix problem with responsive table
"autoWidth" : false,
"ajax" : "table",
"columns" : [ {
"data" : "username"
}, {
data : "enabled",
render : function(data, type, row) {
if (data) {
return '<input data="' + row.username + '" type="checkbox" name="my-checkbox" checked>';
} else {
return '<input data="' + row.username + '" type="checkbox" name="my-checkbox">';
}
}
}, {
"data" : "role.role"
}, {
"data" : "clientVersion.name",
"defaultContent" : ""// this set empty string if clientVersion.name is null, otherwise datatables shows popup message with error
}, {
data : null,
className : "center",
defaultContent : '<button type="button" class="btn btn-danger" id="deleteUser" data-toggle="modal" data-href=data="' + row.username + '" data-target="#deleteUserModal">Delete</button>'
} ],
"fnDrawCallback" : function() {
// Initialize checkbos for enable/disable user
$("[name='my-checkbox']").bootstrapSwitch({
size : "small",
onColor : "success",
offColor : "danger"
});
// $('#toggleChecked').bootstrapSwitch({size: "small", onColor:"success", offColor:"danger"});
}
});
row.username
那里不可用,是否有一种方法可以在按钮标签内设置用户名值?因此,我可以使用此代码通过模态传递值:
//Confirm delete user modal
$('#deleteUserModal').on('show.bs.modal', function (e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
$('#deleteUserHiddenId').val($(this).find('.btn-ok').attr('href'));
});
并致电:
$("#deleteUserModal").click(function(e) {
e.preventDefault();
var id= $('#deleteUserHiddenId').val();
});
我用了这个
$('#usersTable tbody').on( 'click', 'button', function () {
usernameSelected = (userTable.row( $(this).parents('tr') ).data().username);
} );
其中usernameSelected
是一个JavaScript变量,我将其用作路径变量
相关文章:
- 使用 ajax 填充选择时没有选定的默认选项的问题
- 使用ajax填充ComboboxList客户端
- Javascript;Ajax——填充对象的更好方法
- 挖空.js - 对表求和,添加行并用 AJAX 填充表
- PHP Codeigniter - 用 Ajax 填充选择
- JavaScript 用 ajax 填充组合框,但在 C# 中,所选值为 null
- 以 DRY 方式预呈现 AJAX 填充的视图
- 数据表将字段值关联到按钮,而 ajax 填充表
- 尝试使用 jquery 和 ajax 填充下拉列表
- 使用 ajax 填充 html 容器
- 将事件绑定到AJAX填充的列表项
- Jquery/AJAX 填充的 HTML 表单(当下拉列表处于选中状态时)
- 用AJAX填充引导模式体
- 如何使用Ajax填充我的highchart
- 使用Ajax填充选择框
- 我们如何在PHP中通过AJAX填充selectbox值更改中的多个文本框
- Ajax填充下拉菜单只需点击两次
- 如何做一个<选项>默认为ajax填充
- Bootstrap 3 -如果手风琴位于ajax填充的模态中,则不会触发事件hidden.bs.collapse
- 修复了ajax填充的html表中的标题