2

Kendo UI Editor のイベントからイベント プロパティを取得するにはどうすればよいですか?

KendoDemo のダウンロードからコードを取得し、少し編集して と のイベントを取得しましk-on-changeたk-on-keydown。イベントについては、こちらで説明しています。

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
            <textarea kendo-editor k-ng-model="html" k-on-keydown="keydown(e)" k-on-change="onChange(e)"></textarea>
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives", "ngSanitize" ])
      .controller("MyCtrl", function($scope){
          $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>";
          $scope.onChange = function(e){
            console.log('onchange');
            console.log(e);
          };
          $scope.keydown = function(e){
            console.log('keydown');
            console.log(e);
          }
      })
</script>

イベント メソッド onChange および keyDown の出力ではe、ドキュメントに記載されているプロパティが得られません。

私は何が欠けていますか？

4

1 に答える 1

2

ゴム製のアヒルのデバッグ効果が...

探していたものが見つかりました。を使用してすべてのオプションを追加しますk-options。

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
            <textarea kendo-editor k-ng-model="html" k-options="options"></textarea>
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives", "ngSanitize" ])
      .controller("MyCtrl", function($scope){
          $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>";
          $scope.options = {
              change: function(e){console.log(e);},
              keydown: function(e){console.log(e);}
          };
      })
</script>
于 2015-10-05T13:46:34.750 に答える