2016-08-22 2 views
0

Ich bin neu in ivh Baum (https://github.com/iVantage/angular-ivh-treeview) und mit dieser Bibliothek. Ich möchte bestimmten Knoten für die Auswahl, auf Benutzerberechtigung ich habe wie dieseivh Baum - Knoten für die Auswahl deaktivieren

$scope.bag = [{ 
      label: 'Glasses', 
      value: 'glasses', 
      entitled: false, 
      children: [{ 
       label: 'Top Hat', 
       value: 'top_hat', 
       entitled: true 
      }, { 
       label: 'Curly Mustache', 
       value: 'mustachio', 
       entitled: false 
      }] 
     }]; 
}; 

So auf der Basis variabler den Titel Baum

zB auf der Basis deaktivieren: [boolean], soll es lassen Benutzer wählen oder abzuwählen. Wie kann das gemacht werden?

Antwort

2

Um dies zu erreichen, müssen Sie eine benutzerdefinierte Logik in eine benutzerdefinierte Knotenvorlage einfügen. Hier ist ein abgespecktes Beispiel, in dem ich eine Hilfsanweisung eingeführt habe, die nur den Wert des Bereichs node prüft und dessen Kontrollkästchen bei Bedarf deaktiviert.

http://jsbin.com/buqaxu/2/edit?html,js,output

app.directive('isCbEnabled', function() { 
    return { 
    link: function(scope, element, attrs) { 
     if(scope.node.disabled) { 
     element.find('input').attr('disabled', true); 
     } 
    } 
    }; 
}); 

Sie würden so etwas zu Ihrer der ivh-treeview-checkbox Direktive in Ihrer Vorlage anhängen könnte. Beachten Sie, dass node eine unterstützte Bereichsvariable in Vorlagen ist.

Verwandte Themen