Как обрабатывать события нажатия клавиш в детализации сетки KendoTemplate

Question

У меня есть сетка Kendo с detailTemplate (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> \t \t 
 
</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); 
    }); 
}