我一直在使用 Ludo 的出色jquery 插件 treetable,但在他们的高级示例中遇到了限制,我无法弄清楚。
基本上,在此处提供的最后一个示例中——http: //ludo.cubicphuse.nl/jquery-treetable/——他们说明了使用 jQuery UI 的可拖动和可放置来使您能够在树中移动事物。
然而,据我所知,限制是您不能将事情拖到根级别。以下是示例中的 UI 代码:
// Drag & Drop Example Code
$("#example-advanced .file, #example-advanced .folder").draggable({
helper: "clone",
opacity: .75,
refreshPositions: true, // Performance?
revert: "invalid",
revertDuration: 300,
scroll: true
});
$("#example-advanced .folder").each(function() {
$(this).parents("tr").droppable({
accept: ".file, .folder",
drop: function(e, ui) {
var droppedEl = ui.draggable.parents("tr");
$("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));
},
hoverClass: "accept",
over: function(e, ui) {
var droppedEl = ui.draggable.parents("tr");
if(this != droppedEl[0] && !$(this).is(".expanded")) {
$("#example-advanced").treetable("expandNode", $(this).data("ttId"));
}
}
});
});
有谁知道如何做到这一点?我一直在尝试破解它一段时间,但我是插件的新手,还没有做到这一点。