GetUIkit3 Sortable: обратный вызов - PullRequest
Новая
       36

GetUIkit3 Sortable: обратный вызов

0 голосов
/ 18 декабря 2018

Я хотел бы использовать сортировку UIkit3 для отображения миниатюр изображений, а затем позволить пользователю изменить их порядок, перетаскивая их.После завершения я хотел бы, чтобы пользователь нажал кнопку, которая затем вызывает на сервере функцию PHP с именами файлов изображений в отсортированном порядке.Как выглядит этот вызов на стороне клиента?

1 Ответ

0 голосов
/ 19 декабря 2018

Вам просто нужно использовать UIkit util, чтобы реагировать, когда сортировка прекращается, это означает, что вы закончили сортировку. 

var util = UIkit.util;

util.ready(function () {
    util.on(document.body, 'stop', function (e, sortable, el) {
        console.log(e.type, sortable, el); //this if for the reference
        //get the elements order in your grid
        var sortResult = { elementsOrder: [] };
        $('#myGridWithElements > div').each(function () {
            var currentEl = $(this)
            var currentElSrc = $('img', currentEl).attr('src'); //src of image inside the div context
            sortResult.elementsOrder.push(currentElSrc);  
        });

        $.post( "/admin/save_order",{data: sortResult}).done(function( data ) {
            alert('Yes, you\'ve saved the data');
        }).fail(function(data) { alert('Something gone wrong');});
    });
});

Меня вдохновила страница сортируемой проверки https://getuikit.com/assets/uikit/tests/sortable.html

...