Wie bekommen Sie Kinder und die id in jQuery Nestbare plugin nach dem drag-and-drop Artikel und update in der Datenbank?

Ich bin mit jQuery Nestbare plugin erstellen Sie ein Menü-editor für eine website.
Ich habe versucht, zu bekommen, Artikel ID und Kinder nachdem der Benutzer klickt auf die Menü-Elemente und Ihre position ändern.

Problem: ich weiß nicht, wie man ID und Kinder-und update in der Datenbank.

Hier ist jQuery Nestbare plugin

<script>
    $(document).ready(function () {
        var updateOutput = function (e) {
            var list = e.length ? e : $(e.target), output = list.data('output');
            if (window.JSON) {output.val(window.JSON.stringify(list.nestable('serialize')));//, null, 2));
            } else {
                output.val('JSON browser support required for this demo.');
            }
        console.log(list.nestable('serialize'));
        console.log(window.JSON.stringify(list.nestable('serialize')));
        };
        $('#nestable').nestable({
            group: 1,
            maxDepth: 7,
        }).on('change', updateOutput);
        updateOutput($('#nestable').data('output', $('#nestable-output')));
    });
</script>

Hier ist der HTML-Code für Menüs

<div class="cf nestable-lists">
    <div class="dd" id="nestable">
        <ol class="dd-list">
            <li class="dd-item" data-id="1"> <div class="dd-handle">Item 1 when parent == 0</div> </li>
            <li class="dd-item" data-id="44"> <div class="dd-handle"> Item 2 when this parent_id == its id </div>
                <ol class="dd-list">
                    <li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li>
                    <li class="dd-item" data-id="4"><div class="dd-handle">Item 3</div></li>
                    <li class="dd-item" data-id="5"><div class="dd-handle">Item 3</div></li>
                    <li class="dd-item" data-id="6"><div class="dd-handle">Item 3</div></li>
                </ol>
            </li>
        </ol>
    </div>
</div>

Das Ergebnis auf Konsole

[{"id":1},{"id":44,"children":[{"id":3},{"id":4},{"id":5},{"id":6}]}]

Edition

In meiner Struktur, die ich aktualisieren möchten, Menüs, wenn Parent_id == id wo Menüs id und Ebene erstellen des Menüs Element bu Anzahl der M_order. Aber ich weiß nicht, zum erstellen dieser Struktur.

Und hier ist var_dump($this->input>post('Liste'));

 1 => 
    array (size=1)
      'id' => string '2' (length=1)
  2 => 
    array (size=1)
      'id' => string '3' (length=1)
  3 => 
    array (size=1)
      'id' => string '4' (length=1)
  4 => 
    array (size=1)
      'id' => string '5' (length=1)
  5 => 
    array (size=2)
      'id' => string '6' (length=1)
      'children' => 
        array (size=1)
          0 => 
            array (size=2)
              ...

Hier Bilder von meinem Tabelle Struktur und Menüs

Wie bekommen Sie Kinder und die id in jQuery Nestbare plugin nach dem drag-and-drop Artikel und update in der Datenbank?

  • Was ist Ihre aktuelle PHP-Datei zum speichern/abrufen dieser Daten aus der Datenbank Aussehen? Und was ist die Struktur der Datenbank-Tabelle, die besagt, dass Informationen? Und was ist der DB-Hersteller, MSSQL, MySQL?
  • Ich weiß nicht, zu tun, in PHP und ich habe auch, wie finde ich die Id und Kinder und Wie kann ich ein update m_order, wenn der Benutzer die Position ändern position
  • Diese Anforderung macht, deine Frage zu breit. Stackoverflow ist eine Q&Eine Website, wo es wird erwartet, dass Sie versuchen, Dinge von sich selbst zuerst, und wenn Sie nicht weiterkommen, können Sie konkrete Fragen stellen. Werfen Sie einen Blick auf die stellen Hilfe-Seite. Having said that, das sah so ein bisschen aus Spaß, also ich voran ging und schrieb ein PHP-Skript zum speichern der Bestellung über jede änderung. Aber es ist eine generische Implementierung, werden Sie wahrscheinlich haben, um es zu optimieren, um es für Ihre Seite. Ich bearbeitet meine Antwort zu gehören es, check it out.
InformationsquelleAutor Heng Sopheak | 2015-07-21
Schreibe einen Kommentar