触发 Kendo Editor 小部件的 onChange 事件

【问题标题】：Trigger onChange event of Kendo Editor widget触发 Kendo Editor 小部件的 onChange 事件
【发布时间】：2015-04-23 06:35:26
【问题描述】：

假设我有以下剑道编辑器：

<div kendo-editor ng-model="name" k-options="editorOptions"></div>

然后，我有以下editorOptions：

function onChange(e) {
   alert("I am changing.");
}
$scope.editorOptions = { change: onChange };

如何在不使用常规 jQuery 选择的情况下访问实际的 kendo-editor 对象以触发 onChange 事件：

示例：$("#myEditor").kendoEditor().trigger("change")

【问题讨论】：

标签： angularjs kendo-ui kendo-editor

【解决方案1】：

您必须在当前范围内定义控件引用 (http://docs.telerik.com/kendo-ui/AngularJS/introduction#getting-widget-references)，并且您可以将事件定义为属性：

<div ng-app="app" ng-controller="MyCtrl">
  <div kendo-editor="kendoEditorControl" ng-model="name" k-options="editorOptions" k-on-change="onChange()"></div>
</div>
<script>
  angular.module("app", [ "kendo.directives" ]).controller("MyCtrl", function($scope) {
    $scope.onChange = function() {
     alert($scope.kendoEditorControl.value());
    };
  });
</script>

【讨论】：

我无法解决这个问题。我遇到同样的问题。我还尝试了以下答案的步骤：Angularjs中的Kendo UI Editor Events