Próbuję zapisać kolejność tabel z jQuery UI (sortable) do tablicy PHP.jQuery UI zapisywanie listy sortowalnej do tablicy PHP
Uprościliśmy to bardzo znacząco, ale jest to podstawowa idea. Mam tabelę z wbudowaną listą do sortowania. Tabela jest generowana przez PHP foreach
z udziałem wielowymiarowej tablicy zawartej w innym pliku (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'),
);
?>
stół (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>
skrypty (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>
Sortowanie działa dobrze, ale nie wiem jak zapisać wartość neworder ($_POST['neworder']
) do tablicy, co jest w config.php
.
myślę, muszę korzystać z funkcji PHP uasort()
(lub uksort()
, uksort()
) z kombinacji file_put_contents
aby zapisać nową kolejność config.php
.
Więc coś takiego:.
<?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.
*/
}
?>
Zapisywanie danych w plikach php to zły pomysł. Możesz przechowywać je w formacie json lub xml. Jeśli chcesz zrobić to na większą skalę/częściej, musisz użyć bazy danych. – user568109
@GerritHoekstra Cześć Chcę ci pomóc i myślę, że nie jest to takie trudne, ale chcę wiedzieć, dlaczego robisz to w tak zły sposób? Czy mogę zmienić jego część, ponieważ stała się lepsza? Mam na myśli ogólnie tabele z dwiema lub więcej kolumnami, które można posortować za pomocą jui i jako ich rodzaje lub jako użytkownik kliknie przycisk, aby zapisać nowe zamówienie? dlaczego nie używasz formatu JSON lub XML do zapisania? a plik o nazwie JSON_Config_reader.php odczytuje ten plik JSON i tworzy tę tablicę? – ncm
@GerritHoekstra - wiesz co. Możesz po prostu napisać komentarz do mnie mówiąc "miła próba". – ncm