New to Kendo UI for jQuery? Start a free 30-day trial

KendoKeydown

events

Triggered when the user presses a keyboard key while the ListView is focused.

The event handler function context (available via the this keyword) will be set to the widget instance.

kendoKeydown

Event Data

e.sender `kendo.ui.ListView`

The widget instance which fired the event.

e.preventKendoKeydown `Boolean`

If set to true prevents the default ListView keydown logic.

e.preventDefault `Function`

If invoked cancels the default action that belongs to the keydown event.

<div id="listview"></div>
<script>
  $("#listview").kendoListView({
    dataSource: {
      data: [
        { id: 1, name: "Jane Doe" },
        { id: 2, name: "John Doe" }
      ]
    },
    template: kendo.template("<div>#: name #</div>"),
    kendoKeydown: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.keyCode);
    }
  });
</script>

<div id="listview"></div>
<script>
  $("#listview").kendoListView({
    dataSource: {
      data: [
        { id: 1, name: "Jane Doe" },
        { id: 2, name: "John Doe" }
      ]
    },
    template: kendo.template("<div>#: name #</div>"),
  });
  var widget = $("#listview").data("kendoListView");
  widget.bind("kendoKeydown", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(e.keyCode);
  });
</script>

KendoKeydown

kendoKeydown

Event Data

e.sender kendo.ui.ListView

e.preventKendoKeydown Boolean

e.preventDefault Function

e.sender `kendo.ui.ListView`

e.preventKendoKeydown `Boolean`

e.preventDefault `Function`