在AngularJS中获取Kendo UI网格的行值

时间:2014-10-16 15:26:42

标签: angularjs kendo-ui kendo-grid

从AngularJS和KendoUI Grid开始。我想获得定义网格的行值。

我在Kendo UI Grid中定义了一个按钮模板,如下所示:

$scope.gridOptions = {
  dataSource: {
                type: "json",
                data: $scope.teams,
                pageSize: 5
            },
  sortable: true,
  selectable: row,
  columns: [
    {field: "TeamID", title: "Team ID"},
    {field: "TeamName", title: "Name" },
    {field: "TeamDistrict", title: "District"},
    {
     template: "<button class=\"k-button\" ng-click=\"manageTeam(#=TeamID#)\">Manage</button>"
    }
  ]
};

我还定义了一个函数如下:

$scope.manageTeam = function(tid){
  console.log(tid);
};

我正在获取传递的团队ID的值,但我想将整行值捕获到一个对象中,以便我可以得到它:

$scope.manageTeam = function(rowValue){
  console.log(rowValue.TeamID);
  console.log(rowValue.TeamName);
  console.log(rowValue.TeamDistrict);
};

欣赏有关如何实现这一目标的任何见解。感谢。

1 个答案:

答案 0 :(得分:5)

感谢@CSharper,我能够找出答案。

关键是将列声明中的模板属性更改为:

template: "<button class=\"k-button\" ng-click=\"manageTeam(this.dataItem)\">Manage</button>"

希望有人发现这些东西很有用。