Eckige Checkboxen in Baum-Ansicht

Konnte ich nicht finden, eine wirklich gute geeignet Richtlinie für die Erstellung einer Baum-Ansicht mit Checkboxen aus einer JSON-Struktur, also ich habe das mit einem selbst-Aufruf von iterator, wie hier zu sehen:

http://jsfiddle.net/u2ho9d3j/

Nun, das einzige problem das ich habe, ist, dass Sie (Blick auf die 'Jeans' Daten in Zeile 40 gibt es diese:

"chk": true,

Dies gilt natürlich markieren Sie die "Jeans"-checkbox, aber nicht die oben genannten. Diese Werte kommen korrekt aus der Datenbank (wo auch die oben bransch hätte chk = true, aber nichtsdestoweniger bin ich gespannt, wie man auslösen konnte, die erste "bubble-up und markieren Sie alle die Eltern, die als aufgegebenes", wenn ein Element markiert ist, als "wahr".

Könnte mir jemand helfen zu verstehen, wie dies getan werden könnte?

Vielen Dank!

Christoph

InformationsquelleAutor chrney | 2015-01-01
  1. 1

    Ich würde Vorverarbeiten der tree-Daten in einer rekursiven Art und Weise wie Ihr setData-Funktion:

     function initTree(tree) {
   function processNode(node) {
     angular.forEach(node.children, function(child) {
       if(processNode(child) === true) {
         node.chk = true;   
       }
     });

     return node.chk;
   }

   angular.forEach(tree, processNode);
 };
 initTree($scope.tree);

    Finden Sie in den aktualisierten fiddle http://jsfiddle.net/65yucqge/

    Bearbeiten
    Hier ist ein weiterer fiddle zeigt, wie man die checkbox-Daten in ein array:
    http://jsfiddle.net/tmakin/kmhw1ue0/

    • whoa, danke, nice one! Eine weitere Sache: wie kann ich Einreichen, das ist eine form und Holen Sie sich alle id ' s der markierten Boxen, keine Ahnung? Was könnte ich packe in eine http post-Nachricht, und senden als-Daten an den back-End-Dienst?
    • Angesichts der Art und Weise der Bindung der Checkboxen können Sie einfach eine Schleife durch die Elemente in Ihrer ursprünglichen $Umfang.Baum, und ziehen Sie die markierten Elemente. Siehe link, um die zweite Geige vor.
    • Habe meine Geigen ein bisschen verworren, aber ich denke, die links sind jetzt
    • Sprachlos. Vielen Dank!
    InformationsquelleAutor Tom Makin
Schreibe einen Kommentar