如何处理Kendo网格详细信息模板中的按键事件

Question

我有一个带有detailTemplate的Kendo网格（带有一些样式的textarea），我试图拦截并处理一个按键事件。

我已经尝试过AngularJS和jQuery模式而没有运气。

如果有人成功，我会很感激任何建议。

Answer 1

$("#grid").kendoGrid({
  detailTemplate: kendo.template( $("#template" ).html()),
  detailInit: detailInit
});

function detailInit(e) {
  var detailRow = e.detailRow;
    var txtArea = detailRow.find(".myTextArea");
    $(txtArea).on("keypress", function(e) {
        console.log(e)
    });
}

<div id="gid"></div>
<script id="template" type="text/x-kendo-template">
  <textarea class="myTextArea"></textarea>		
</script>

Answer 2

如果您对控制字符（如CR或Tab）感兴趣，那么还要收听KeyDown事件。

function detailInit(e) {
  var detailRow = e.detailRow;

  detailRow.find(".myTextArea").on("keypress", function(e) {
    console.log(e);
  });
  detailRow.find(".myTextArea").on("keydown", function(e) {
    console.log(e);
  });
}