【问题标题】:Kendo JQuery Grid dataBound event not rasingKendo JQuery Grid dataBound 事件未触发
【发布时间】:2020-09-18 01:02:15
【问题描述】:

在 Kendo JQuery Grid 中,在这个简单的示例中,我无法获取 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>

【问题讨论】:

    标签: jquery kendo-ui kendo-grid


    【解决方案1】:

    这是一个小错误 - 检查事件名称的大小写,databound 应该是 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>
    

    【讨论】:

    • 谢谢,G_P!哦,来吧。由于一个错字,我花了一整天的时间......(如果没有帮助,我本可以花更长的时间)
    • @eyep 很高兴提供帮助 - 如果它为您解决了问题,请务必将其标记为答案
    猜你喜欢
    • 2017-08-14
    • 1970-01-01
    • 2015-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多