Question

我在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在此流程中不起作用，如果我将其更改为剑道网格的角度样式，则它会按预期工作。

你们能用Jquery的方式帮助我初始化Grid。

谢谢！

Answer 1

您可以尝试使用以下代码

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

[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");
  }

Kendo Grid使用Jquery Column Template Not Working初始化

1 个答案: