Kendo JQuery 网格数据绑定事件未触发

Question

在 Kendo JQuery 网格中，我无法在这个简单的示例中获取 dataBound 事件工作事件。但是，dataBinding 事件按预期触发。我做错了什么？

与 Telerik 网格事件演示相比，找不到任何有意义的区别。 https://demos.telerik.com/kendo-ui/grid/events

任何提示将不胜感激。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link href="kendo/content/shared/styles/examples-offline.css" rel="stylesheet">
    <link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
    <link href="kendo/styles/kendo.default.min.css" rel="stylesheet">
    <link href="kendo/styles/kendo.default.mobile.min.css" rel="stylesheet">
     <script src="kendo/js/jquery.min.js"></script>
    <script src="kendo/js/kendo.all.min.js"></script>
    <title></title>
</head>
<body>
    <div id="grid"></div>
    <script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
    ],
    databound: function (e) {
        console.log("dataBound");  //Not firing
    },
    dataBinding: function (e) {
    
        console.log("dataBinding"); //Firing
       
  }
});
    </script>
</body>
</html>

Answer 1

这是一个小错误 - 检查事件名称的大小写，数据绑定应该是 dataBound:

    <script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
    ],
    dataBound: function (e) {
        console.log("dataBound");  //Not firing
    },
    dataBinding: function (e) {
    
        console.log("dataBinding"); //Firing
       
  }
});
    </script>

Kendo JQuery 网格数据绑定事件未触发

Kendo JQuery Grid dataBound event not rasing

jquery

kendo-ui

kendo-grid