Пользовательский интерфейс jQuery с возможностью сортировки php / mysql

#php #jquery #mysql #jquery-ui #jquery-ui-sortable

#php #jquery #mysql #jquery-пользовательский интерфейс #jquery-ui-sortable

Вопрос:

Я работал над сортируемым списком. Я хочу реализовать сортируемый список следующим образом: http://jqueryui.com/demos/sortable/#connect-lists-through-tabs

Это связь ajax, с которой я действительно застрял.

Я настроил jsfiddle, http://jsfiddle.net/pnrAx /, показывающий мой текущий код. (Обратите внимание, это копирование и вставка с кучей мусора, требуется очистка)

Поля, обновляющие информацию в каждой строке, работают нормально, никаких проблем нет. Сортировка также работает на экране, я могу красиво перетаскивать элементы.

Чтобы свести проблему к минимуму, как я могу получить отсортированные элементы со страницы с помощью ajax (json?) в массив на странице php?

Оттуда должно быть довольно легко обновить таблицу.

Ответ №1:

что я бы сделал, так это когда вы выводите html, то помещаете их в массивы, подобные этому

 <input type="hidden" name="block[369][id]" value="369"/>
<input type="hidden" name="block[369][menuBolk_id]" value="55"/>
<input type="hidden" name="block[369][matstovuID]" value="39"/>
<input type="text" name="block[369][Heiti]" value="Big Burgara Matskrá" style="width: 60%; font-weight: bold; padding: 4px; line-height: 150%; font-size: 12pt; background-color: #ccc;"/>
<textarea style="width: 60%; background-color: #ccc;" name="Vorulysing"></textarea>
<div style="margin-top: -70px; padding-bottom: 70px;">
    <input type="text" name="block[369][Pris][]" value="Kr 83,-" class="price priceR" style="width: 10%;"/>
    <input type="text" name="block[369][Pris][]" value="" class="price priceC" style="width: 10%;"/>
    <input type="text" name="block[369][Pris][]" value="" class="price priceL" style="width: 10%;"/>
</div>

затем, когда вы разместите, у вас будет сообщение «block», которое будет представлять собой многомерный массив

итак, в этом случае вы хотите отправить их все сразу и обработать их в порядке их восстановления, чтобы пользователь отсортировал, затем нажал кнопку отправки, и форма отправила бы все данные post в том порядке, в котором они были отсортированы. Имеет ли это смысл?

1. Да, я понимаю. Однако у меня проблемы с сортировкой списка. Я могу принять простой post, чтобы обновить поля соответственно. Я могу отсортировать список на экране, но я не знаю, как получить порядок сортировки в моем php-скрипте

Ответ №2:

В функции drop я бы вызвал через $.ajax php-страницу и отправил идентификатор, новую позицию и идентификатор вкладки / категории того элемента, который только что был удален из строки запроса. Затем на новой странице получите старую позицию сортировки из базы данных и выполните цикл по всем элементам, которые находятся между новой позицией и старой позицией удаляемого элемента, увеличивая или уменьшая позицию каждого элемента.