Johnny Sortable - 将表数据发送到数据库

时间:2013-07-03 15:08:40

标签: php jquery ajax twitter-bootstrap

我正在尝试获取一个可排序的列表,以便在我的数据库中保存它的顺序。这是我到目前为止所得到的:

HTML:

<table>
<tr><th>ID:</th><th>Title</th></tr>
<tbody class="sorted_table">
<tr data-id="1"><td>3<td></td>Title 1</td></tr>
<tr data-id="2"><td>5<td></td>Title 2</td></tr>
</tbody>
<table>

JS:

var group = $(".sorted_table").sortable({
    containerSelector: 'tbody',
    itemSelector: 'tr',
    placeholder: '<tr class="placeholder"/>',
    group: 'sorted_table',
    onDrop: function (item, container, _super) {

    var sorted = [];
    $('tr').each(function () {
        sorted.push($(this).data('id'));
    });

    $.post('order-lessons.php', {data: sorted}, function(){});
    }, 
    serialize: function (parent, children, isContainer) {
    return isContainer ? children.join() : parent.text()
   },

  tolerance: 6,
  distance: 10
})

on order-lessons.php

if(isset($ _ POST ['data'])){

// Yep!
$data = $_POST['data'];

// Explode the POST data into an array
$lesson_ids = explode('&', $data);

// The first record is empty - discard it
//unset($lesson_ids[0]);

// All records are to be reordered, so initialize the lesson_order var
$lesson_order = 1;

// Loop through the array
foreach ($lesson_ids as $lesson_id) {

    // Explode again
    $lesson_id = explode('=', $lesson_id);

    // And this time keep only what's on the right of the = sign (the lesson_id)
    $lesson_id = $lesson_id[1];

    // Here's the SQL statement
    $sql = "UPDATE lessons SET lesson_order = '" . $lesson_order . "' WHERE lesson_id = " . $lesson_id;

    // And here's the execution of the statement
     @mysqli_query ($dbc, $sql);

    // Increment the lesson_order var so the next lesson_order is 1 higher
    $lessons_order++;

}

die();

}

我想让它以某种方式在数组中发送id的顺序。不知道从哪里开始。

0 个答案:

没有答案