Winkel IVH-treeview zeigt nur ausgewählte Knoten und deaktiviert Checkbox

Question

suchte im Internet eine lange Zeit, aber nicht fand eine Möglichkeit, den folgenden zu tun:

Nur ausgewählten Knoten und machen Sie das Kontrollkästchen deaktiviert.

Suche einen Filter (ivh-treeview-filter) zu zeigen nur Knoten, die ausgewählt sind, aber die Bereitstellung einer Filterfunktion funktioniert nicht (ivh-treeview erwähnt, dass es Angular filterFilter verwendet. Alle Beispiele um eine Filterfunktion zu verwenden ?

Es gibt eine IVH-treeview-sichtbar-Attribut in IVH-treeview.js, aber ich denke, es keinen aktiven Code dafür ist, überall ein Beispiel, wo das funktioniert

?

Wie kann ich die Kontrollkästchen machen deaktiviert?

Vielen Dank im Voraus

Answer 1

Ich bin nicht 100% klar, was Sie fragen, ivh-treeview stellt eine jsbin Vorlage in seiner README für Demos zur Verfügung, vielleicht könnten Sie uns zeigen, was Sie bisher versucht haben? Ich werde einen Stich trotzdem machen.

Sie können definitiv ivh-treeview-filter verwenden, um nur ausgewählte Knoten anzuzeigen. Definieren Sie eine Funktion wie so in Ihrem Controller:

this.mySweetFilter = function(node) { 
    return node.selected; 
}; 

Und geben es an Ihre Richtlinie:

<div ivh-treeview="vm.treeData" 
    ivh-treeview-filter="vm.mySweetFilter"> 
</div> 

Hier ist eine voll funktionsfähige Demo, mit dem Sie umschalten, ob alle Knoten sichtbar sind oder nur die ausgewählten: http://jsbin.com/nirovahupa/1/edit?html,js,output.

Wie zum dynamischen Deaktivieren von Kontrollkästchen - es gibt nichts gebacken in die Direktive, um Ihnen dies zu ermöglichen. Sie können jedoch (und werden dazu ermuntert) Ihre eigenen benutzerdefinierten Knotenvorlagen verwenden und es wäre eine einfache Angelegenheit, die Baumansichts-Kontrollkästchen auszublenden und Ihre eigenen deaktivierten nach Bedarf anzuzeigen.

Hoffe, dass hilft!