Question

我想实现以下内容：

Connected Nested Lists in Jquery UI Sortable

使用Angular和Angular Jquery UI Sortable。我需要父母和儿童容器，它们都是可排序的。父母，你可以重新安排顺序（在父母的集合内）和孩子，你可以重新安排，并拖动到另一个父母。

是否可以使用Jquery UI Sortable Angular指令或者是否必须为嵌套列表创建新指令？

这是为解决上一个问题而创建的jsFiddle： http://jsfiddle.net/HG8k6/4/

$("ul.containers").sortable({
    placeholder: "ui-state-highlight-container",
    revert: true,
    forcePlaceholderSize: true,
    axis: 'y',
    start: function (e, ui) {
        //alert("started");
    },
    update: function (e, ui) {
        //alert("updated");
        //save();
    }
});

function SetSortableRows(rows)
{
    rows.sortable({
    placeholder: "ui-state-highlight-row",
    connectWith: "ul.rows:not(.containers)",
    containment: "ul.containers",
    helper: "clone",
    revert: true,
    forcePlaceholderSize: true,
    axis: 'y',
    start: function (e, ui) {
        //alert("started");
    },
    update: function (e, ui) {
        //alert("updated");
        //save();
    }
});

}

Answer 1

看一下angular-ui-tree：https://github.com/JimLiu/angular-ui-tree。它就是这样做的。

Answer 2

我认为你可以做两个ui排序，并将它们连接在一起。

Angular中的连接嵌套列表，具有UI可排序

2 个答案: