JqueryUI Сортируемый порядок использования нагрузки - PullRequest
Новая
       11

JqueryUI Сортируемый порядок использования нагрузки

0 голосов
/ 07 мая 2018

У меня есть боковое меню, в котором я хочу, чтобы пользователь сортировал пункты меню по своему усмотрению. Как я могу, при загрузке страницы в пользовательском сеансе, загрузить пользовательский заказ из БД, отправив информацию с помощью json с моего php. Предположим, я сохранил заказ пользователя в БД, используя метод .toArray или .serialize .sortable как это 

$("#sidr-id-mainList").sortable({
    stop: function (event, ui) {
        result = $("#sidr-id-mainList").sortable("toArray");
        $.ajax({
            url: "example.com/API/menu/list/save",
            type: "POST",
            xhrFields: {
                withCredentials: true
            },
            dataType: 'json',
            data: {
                Result: result
            }, error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log("XMLHttpRequest=" + XMLHttpRequest + "; textStatus=" + textStatus + "; errorThrown=" + errorThrown);
            }
        });
    }
});

1 Ответ

0 голосов
/ 08 мая 2018

Вы можете сделать это, как показано ниже: 

var custumOrder = ["item4", "item2", "item1", "item3"];

var ul = $("#sortable");
var items = $("#sortable li");

for (item of custumOrder) {
    ul.append($('#' + item + ''));
}

$("#sortable").sortable({
    update: function() {
        var order = $(this).sortable('toArray');
        alert(order);
    }
});

Демо онлайн (jsFiddle)

...