不可删除/可排序的序列化列表,无需从列表中删除原始项目

时间:2015-06-11 19:51:54

标签: javascript jquery jquery-ui

我一直在使用Bushell中的Nestable JS(https://github.com/dbushell/Nestable)一段时间并且有很多可用的代码来从Mysql生成菜单,但我需要将可用选项从一个列表拖到另一个列表而不删除来自消息来源。

我只想将它附加到列表第二个列表中。这与Nestable合理,还是我需要运行jquery draggable才能获得“克隆”选项? 我发现的演示说明:http://jsfiddle.net/Aub7x/

在这个演示中,它很容易,除非你使用getClass().getResource("image") 时它不会返回我可以用来识别父子关系的嵌套格式。否则,它是一个比Bushell库更清晰的代码库。 http://jsfiddle.net/trevordowdle/6CDSB/1/

由于我链接到JSFiddle,它需要发布一些代码。在Bushell代码中,我正在努力寻找从源中删除项目的位置,但是没有在这里看到它:

$( ".items" ).sortable( "toArray" );

1 个答案:

答案 0 :(得分:1)

我能够在这里找到解决方案:https://github.com/dbushell/Nestable/issues/158

您可以将“clone”类添加到要从一个列表拖动到另一个列表的任何内容。

将其放在第325行:

if ($(dragItem[0]).hasClass("clone"))
{
    var cln=dragItem[0].cloneNode(true);
    dragItem[0].parentNode.replaceChild(cln, dragItem[0]);
    $(dragItem[0]).removeClass("clone")
    dragItem.after(this.placeEl);
}else{
    dragItem.after(this.placeEl);
    dragItem[0].parentNode.removeChild(dragItem[0]);
}