Kendo UI deaktiviert Eingang

Question

Kendo UI hat viele Editoren. AngularJS alle Optionen verwenden, können in diesem Stil

<kendo-/editor/ options="Options"></kendo-/editor/> 

Und

$scope.Options = { dataSource: { ... }, ... } 

Ich suche für das Objekt „gesperrt“ gesetzt, aber überall finden kann nicht. Kendo-Benutzeroberfläche, die Angular for Editors verwendet, hat keine Eigenschaft deaktiviert?

Answer 1

Das ist etwas, das ich online gefunden habe, während ich irgendwann an etwas ähnlichem gearbeitet habe. Erstellen Sie eine benutzerdefinierte Richtlinie:

.directive("kNgDisabled", function() { 
     return { 
     restrict: "A", 
     link: function(scope, element, attr) { 
      scope.$on("kendoWidgetCreated", function(e, widget) { 
      var value = scope.$eval(attr.kNgDisabled); 

      $(widget.body).attr("contenteditable", !value); 

      scope.$watch(attr.kNgDisabled, function(value) { 
       $(widget.body).attr("contenteditable", !value); 
      }); 
      }) 
     } 
     } 
    }); 

und verwenden Sie es in der HTML als solche:

<textarea kendo-editor k-ng-disabled="disabled"></textarea> 

Answer 2

Sie richtig sind. Kendo UI Options hat keine Eigenschaft um das Element zu deaktivieren. Sie können alternativ ng-disabled (angular directive) verwenden.