使用 Jquery 列模板初始化的 Kendo Grid 不起作用答案

【问题标题】：Kendo Grid initialized with Jquery Column Template Not Working使用 Jquery 列模板初始化的 Kendo Grid 不起作用
【发布时间】：2017-09-27 15:22:23
【问题描述】：

我在 html 中有一个网格，如下所示

<div id="grid">

并初始化网格如下

$('#grid').kendoGrid({
    sortable: true,
    dataSource: new kendo.data.DataSource({
            data: [
              {id: 1, name:"x" },
              {id: 2, name: "y" }
            ],
        }),
    columns: [
      { field: "name"},
      { template: '<button class=\'k-button\' ng-click=\'alert("custom1")\'><i class="icon-edit"></i>custom1</button>' },
     ]
});

列模板 ng-click 在此流程中不起作用，如果我将其更改为 kendo-grid 的角度样式，则它可以按预期工作。

你们能帮我用 Jquery 初始化网格的方式吗？

谢谢！！！

【问题讨论】：

标签： jquery angularjs kendo-ui kendo-grid

【解决方案1】：

你可以试试下面的代码，

不是在模板中附加事件，而是在相应的文件中写入附加事件。

[https://plnkr.co/edit/jtZgDlvqfOq1oDK7js57?p=preview][1]

在 HTML 中：

<body ng-controller="MainCtrl">

  <div kendo-grid 
    k-columns='[
      { template: "<input value=\"click\" type=\"button\" ng-click=\"clickAction()\" />" },
      { field: "name" }
    ]' 
    k-editable="true"
    k-sortable="true"
    k-data-source="gridDataSource">
  </div>

</body>

在js部分：

 $scope.clickAction=function(){
    alert("you click me");
  }

【讨论】：