Надеясь, что используя что-то вроде этой демонстрации, можно перетаскивать элементы внутри и между двумя столбцами и обновлять их порядок либо вживую, либо с помощью кнопки «Сохранить» в MySQL. Точка заключается в том, что вы можете вносить изменения и вернуться на страницу позже для просмотра или обновления вашего заказа.
http://pilotmade.com/examples/draggable/
Выполнение этого только для одного столбца в порядке, но когда я пытаюсь передать порядок обоих столбцов, проблема, кажется, заключается в передаче нескольких сериализованных массивов с помощью jQuery в скрипт обновления PHP / MySQL.
Любое понимание было бы высоко оценено.
Если вы посмотрите ниже, я хочу передать сказать …
sortable1
Вход_1 => 0
entry_5 => 1
sortable2
Вход_3 => 0
entry_2 => 1
entry_4 => 2
EDIT: Это закончилось тем, что сделал трюк
HTML
<ol id="sortable1"><li id="entry_####">blah</li></ol> JQuery
<script type="text/javascript"> $(function() { $("#sortable1, #sortable2").sortable( { connectWith: '.connectedSortable', update : function () { $.ajax( { type: "POST", url: "phpscript", data: { sort1:$("#sortable1").sortable('serialize'), sort2:$("#sortable2").sortable('serialize') }, success: function(html) { $('.success').fadeIn(500); $('.success').fadeOut(500); } }); } }).disableSelection(); });
Это запрос PHP
parse_str($_REQUEST['sort1'], $sort1); foreach($sort1['entry'] as $key=>$value) { do stuff }
что бы я сделал, это разделить их
data : { sort1:$('#sortable1').sortable('serialize'), sort2:$('#sortable2').sortable('serialize') }
то когда вы отправляете сообщение, вы можете получить запрос и установить его по мере необходимости, я надеюсь, что это имеет смысл
так что я делаю это
parse_str($_REQUEST['sort1'],$sort1); foreach($sort1 as $key=>$value){ //do sutff; }