我想在DataTable的顶部有一个编辑按钮,它将从当前选定的行中选取值并将其附加到我的url。Jquery DataTable从点击按钮获取的行中获取数据
我已经设法让它工作,但不是我会如何喜欢。
我的编辑按钮没有正确使用Datatable来获取存储在数据表中的值。
$.fn.dataTable.ext.buttons.edit = {
text: 'Edit',
action: function() {
var assetID;
$("#example tr.selected").each(function (index, row) {
assetID = ($(row).find("td:nth-child(2)").html());
});
if (assetID != null) {
var url = "/Demo/Edit/" + assetID;
window.location.href = url;
}
}
};
示例来自带有按钮的数据表站点的表格,该按钮会在当前所选行中发出数据。 我非常想让我的数据更加整洁,并将它放到数据表中。
$(document).ready(function() {
var events = $('#events');
var table = $('#example').DataTable({
dom: 'Bfrtip',
select: true,
buttons: [
"edit", //my edit button which works but requires external script
{ // Example button from website.
text: 'Get selected data',
action: function() {
var count = table.rows({ selected: true }).count();
//var count = table.rows({ selected: true }).data();
// how do i then drill down into count to get value from column 2.
events.prepend('<div>'+count+' row(s) selected</div>');
}
}
]
});
});
我已经试了很多方法,试图从数据表网站的例子中访问的对象,但我不能获得价值使用他们的方法选择行特定的列。
任何帮助将不胜感激。
是否有必要使用数据表的后端,或者你可以用数据表之外的jQuery来破解它?另外,你如何得到哪些是'选择'的,你有一个addclass方法还是内置于DT?如果你不需要DT,你可以运行类似('.selected')。(...)的逻辑每个(...),并将它绑定到一个按钮。 – rob