Question

我一直在尝试使用已排序列表项的新顺序更新数据库。我试图按照这个教程，但后来发现自己完全失去了教程，觉得我已经超出了我的深度（没有帮助他提到以前编写过的代码并且在他们的论坛上不再可用）。 http://www.youtube.com/watch?v=3mOs0VY_sIw

我希望对以下列表进行排序（可以添加一个列表或删除条目）http://dev.michaelbole.com/cms/

以下显示了我的前端：

<ul id="sortable">
<?php
    $sortget = mysql_query("SELECT data FROM sortable", $connection);

    $sortget = explode(',', $sortget[0]['data']);
    print_r($sortget);


    $result = mysql_query("SELECT *FROM bookwrite", $connection);
    if (!$result){
        die("Database query failed: " . mysql_error());
        }

    while ($row = mysql_fetch_array($result)) {
        echo "<li id='item_".$row["id"]."'>"."<h1>".$row["post_title"]."</h1>"."<p>".$row["post_details"]."</p>"."</li>";   
    }   

?>

</ul>

JS：

    $(function() {
        $( "#sortable" ).sortable({
            containment: 'parent',
            tolerance: 'pointer',
            cursor: 'pointer',
            revert: 'true',
            opacity:'0.60',
            update: function(event, ui) {
                var postData = $(this).sortable('serialize');
                console.log(postData);  

                $.post('save.php', {list: postData}, function(o) {
                    console.log(o);
                }, 'json');
            }

    });
    $( "#sortable" ).disableSelection();
});

并保存：

<?php

$list = $_POST['list'];

$output = array();
$list = parse_str($list, $output);
print_r($output);
$save = implode(',',$output['item']);
require_once("includes/connection.php");

echo $list;
mysql_query("UPDATE sortable SET 'data' = '$save'", $connection);

?>

jQuery与数据库的可排序实现

0 个答案: