将行从一个jquery Datatable拖放到另一个Datatable中
提问于 2014-08-27 04:59:39
我正在尝试将一行或一组行从一个jquery Datatable拖放到另一个Datatable中。
oTable = $("#dragtable").dataTable({
"aaData": app_emp,
"bProcessing": true,
"bDestroy": true,
"aoColumns": [{
"mDataProp": "employeeId"
}, {
"mDataProp": "empName"
}]
}).rowReordering();我正在从ajax调用中获取json并填充datatable作为above.The行重新排序功能正在工作，并且我能够拖放相同数据表中的行
$("#dragtable ").draggable({
helper: "clone",
});上面的代码拖动了整个表格，如果我按如下所示修改它：
$("#dragtable tbody tr ").draggable({ helper：“克隆”，})；
它只拖动Datatable的标题行，而不拖动正文中的数据行。
我有以下代码，用于将行放到另一个jquery datatable中。
$("#tobedroppedtable tbody tr").droppable({});我需要关于拖放的帮助，因为上面的代码不工作。
回答 1
Stack Overflow用户
发布于 2014-08-27 07:57:07
试试这个可能会有帮助，但我不确定
oTable // this is the varibale which you have used to initialize data table.所以我将使用这个变量。
$("oTable.fnGetNodes()").draggable({
helper: "clone",
});我认为问题在于，draggable并不适用于表中的所有行。这就是为什么当您尝试拖动单个行时，整个表都会被拖动的原因。试着看看这对你是否有效。
首先，这一行：
$(oTable.fnGetNodes()).draggable({看起来很简单。这一行将可拖动功能添加到datatable的所有行。这是一把钥匙。如果你使用另一个选择器，比如“#tableId tr”，你会认为它会起作用，你会有麻烦的。这是因为如果您更改了在表中查看的数据，即通过过滤，那么显示的新行上的可拖动功能将丢失。因此，为了将其应用于表的所有行，您必须调用datatables插件提供的函数。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25519187
复制相关文章
点击加载更多
腾讯云开发者
