Jquery Drag / Drop в PHP + MySQL

Question

Я довольно долго ищу решение для этого. Я нашел отличную демонстрацию Натана Смита, использующую jQuery и интерфейс для перетаскивания избранного в список.

Демо здесь: http://host.sonspring.com/dragdrop/

Но как мне сохранить список в базе данных mysql.

Answer 1

Я использую перетаскивание внутри формы, поэтому вместо сохранения каждой «капли» я просто использую самый простой маршрут, заполняя скрытое поле выбранными элементами. Для этого убедитесь, что вы присвоили идентификатор вашим элементам списка.

Так что если выбранный список выглядит так:

<div id='selected_items'>
    <ul>        
        <li id='123'>Item 1</li>
        <li id='456'>Item 2</li>
    </ul>
</div>

Затем просто переберите список и сохраните его на скрытом вводе, когда пользователь нажмет кнопку сохранить:

$("#save").click(function(){
    var theList = '';
    $("selected_items > li").each(function(){
        var $this = $(this);
        var currentID = $this.attr("id");
        theList = theList+currentID+'|'; 
    });
    $("#hidden_list").val(theList);
});

Answer 2

Используйте ajax для вызова сценария на стороне сервера (php), когда элемент отбрасывается. Передайте этому сценарию порядок таблицы, чтобы он мог обновить ваш MySQL.

P.S. - Вы также можете использовать jQuery UI для перетаскивания, это очень гибко.