如何将 kendo 网格数据绑定到 angularjs 中的范围变量?
How to bind kendo grid data to scope variable in angularjs?
我在 html 中有以下 kendo 网格:
<div #grid kendo-grid="kendoGrid" k-data-source="DataSource" k-resizable='true' k-scrollable='true' k-pageable='true' k-columns="gridColumns" k-editable="true" k-sortable="true" k-toolbar="toolBar" k-column-menu="true" k-filterable="true">
以及以下在 angular js 控制器中定义为模板的按钮:
this.$scope.toolBar = [
{
template: "<a class='k-button k-button-icontext' ng-click='saveEdits(data)')>Save Changes</a>"
},
{
name: "cancel"
}
]
saveEdits(data)
是同一个 angular js 中的一个方法,我想在单击按钮时调用它。这个包含网格数据的方法要传递什么参数?
经过大量研究,我发现 angularjs 中的范围变量可以使用以下语法与 kendo 网格数据绑定:
this.$scope.gridData = angular.element("#kendoGrid").data("kendoGrid").dataSource._data;
作用域变量gridData
实际上变成了kendo网格的行数组,其中每一行都是一个列(字段)数组。
我在 html 中有以下 kendo 网格:
<div #grid kendo-grid="kendoGrid" k-data-source="DataSource" k-resizable='true' k-scrollable='true' k-pageable='true' k-columns="gridColumns" k-editable="true" k-sortable="true" k-toolbar="toolBar" k-column-menu="true" k-filterable="true">
以及以下在 angular js 控制器中定义为模板的按钮:
this.$scope.toolBar = [
{
template: "<a class='k-button k-button-icontext' ng-click='saveEdits(data)')>Save Changes</a>"
},
{
name: "cancel"
}
]
saveEdits(data)
是同一个 angular js 中的一个方法,我想在单击按钮时调用它。这个包含网格数据的方法要传递什么参数?
经过大量研究,我发现 angularjs 中的范围变量可以使用以下语法与 kendo 网格数据绑定:
this.$scope.gridData = angular.element("#kendoGrid").data("kendoGrid").dataSource._data;
作用域变量gridData
实际上变成了kendo网格的行数组,其中每一行都是一个列(字段)数组。