JQuery UI, сохраняющий отсортированный список в массиве PHP
Я пытаюсь сохранить порядок таблицы с jQuery UI (sortable) в массив PHP.
Я очень упростил это, но это основная идея. У меня есть таблица со списком сортировки, встроенным в нее. Таблица создается через PHP foreach
, включающий многомерный массив, который включен в другой файл (config.php
).
config.php
:
<?php
$config = array(
"mno" => array('item 5'),
"abc" => array('item 1'),
"ghi" => array('item 3'),
"pqr" => array('item 6'),
"jkl" => array('item 4'),
"vwx" => array('item 8'),
"def" => array('item 2'),
"stu" => array('item 7'),
);
?>
table (index.html
):
<table cellpadding="2" cellspacing="0" align="center" id="mytable">
<tbody>
<?php
$i = 0;
include 'config.php';
foreach($config AS $name => $value){
$item = $value[0];
echo '
<tr id="'.$name.'-'.$i++.'">
<td>'.$item.'</td>
</tr>';
}
?>
</tbody>
</table>
скрипты (index.html
):
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add jQuery UI library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};
$("#mytable tbody").sortable({
helper: fixHelper,
opacity: 0.5,
scroll: false,
update: function () {
var data = $('#mytable tbody').sortable('serialize');
$.post("edit.php", {'neworder': data});
}
}).disableSelection();
});
</script>
Сортировка отлично работает, но я не знаю, как сохранить значение neworder ($_POST['neworder']
) в массиве, что находится в config.php
.
Я думаю, что я должен использовать функции PHP uasort()
(или uksort()
, uksort()
) с комбинацией file_put_contents
, чтобы сохранить новый порядок в config.php
.
Так что-то вроде этого:
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['neworder'])) {
/*
Here file_put_contents in config.php the new order. So:
$config = array(
"mno" => array('item 5'),
"abc" => array('item 1'),
"ghi" => array('item 3'),
"pqr" => array('item 6'),
"jkl" => array('item 4'),
"vwx" => array('item 8'),
"def" => array('item 2'),
"stu" => array('item 7'),
);
Becomes:
$config = array(
"abc" => array('item 1'),
"def" => array('item 2'),
"ghi" => array('item 3'),
"jkl" => array('item 4'),
"mno" => array('item 5'),
"pqr" => array('item 6'),
"stu" => array('item 7'),
"vwx" => array('item 8'),
);
After this is send by Jquery UI:
neworder:abc[]=1&def[]=6&ghi[]=2&jkl[]=4&mno[]=0&pqr[]=3&stu[]=7&vwx[]=5
I've tried this:
$filename = 'config.php';
$lines = file( $filename , FILE_IGNORE_NEW_LINES );
$linenumber = 2;
foreach( $_POST['neworder'] AS $name => $val){
$phost = $val[0];
$lines[$linenumber] = ' "'.$name.'" => array(\'' . $phost . '\'),';
$linenumber++;
}
file_put_contents( $filename , implode( "\n", $lines ) );
But the '$val' is not send with Jquery only the order.
*/
}
?>
Ответы
Ответ 1
Вы захотите использовать usort с закрытием (доступно в php 5.3+), чтобы получить ключи в том порядке, в котором они вам нужны.
$newOrder = $_POST["neworder"];
$config_keys = array_keys($config);
usort($config_keys, function($a, $b) use($newOrder) {
return array_search($a, $newOrder) - array_search($b, $newOrder);
});
Затем вы можете изменить rewrite $config в новый порядок
$newConfig = array();
foreach($config_keys as $key){
$newConfig[$key] = $config[$key];
}
$config = $newConfig;
unset($newConfig);
Здесь вы можете сохранить $config в любом методе, который наиболее подходит для вашего использования. Я бы посоветовал не использовать его для создания php файла, но лучше использовать
file_put_contents($cacheFile, serialize($config));
затем для получения
$config = unserialize(file_get_contents($cacheFile));
Ответ 2
Есть так много потоков, которые покрывают вашу проблему.
Я уверен, что вы найдете там свой ответ. Все о получении заказа через
$('#mylist').sortable('toArray');
сохранить его в базе данных
а затем получить заказ из базы данных и правильно показать его с помощью цикла. Взгляните на учебные пособия.
Ответ 3
$(function() {
$("ul.sortable").sortable({
connectWith: '.sortable',
update: function(event, ui) {
/* var position = $('.sortable').sortable('serialize', {
key: 'menu',
connected: true
});*/
$('div').empty().html( $('.sortable').serial() );
}
});
});