我目前正在尝试用远程数据填充剑道网格。
Kendo 有它自己的函数来获取数据,但我想使用我创建的角度工厂。
所以我有一个工厂,它有一个函数“getSkills”。该函数从我的api获取所有技能对象。
angular.module('MyApp').factory('Factory', function ($resource) {
return $resource('/api/v1/skills/', { },
{
getSkills: { method: 'GET', isArray: true }
});
});
在我的 Angular 技能控制器中,我将这些获取的技能放入范围变量中。
$scope.skills = SkillFactory.getSkills();
我在这里初始化 Kendo 网格:
$scope.gridOptions = {
dataSource: {
data: $scope.skills,
schema: {
model: {
fields: {
ID: { type: "number" },
Name: { type: "string" },
CreatedBy: { type: "number" },
CreatedDate: { type: "string" },
EditedBy: { type: "number" },
EditedDate: { type: "string" },
InUse: { type: "boolean" }
}
}
},
pageSize: 20
},
scrollable: true,
sortable: true,
filterable: true,
pageable: {
input: true,
numeric: false
},
selectable: true,
columns: [
{ field: "Name", title: "skillname", width: "130px" }
]
};
大多数时候,ajax回调比kendo网格的初始化慢。然后它将显示一个空表,因为该表的数据未绑定到 Angular $scope.skills 变量。
我到处搜索,但我不知道如何在初始化中为数据属性使用自定义函数,或者如何将范围变量绑定到表。
任何帮助,将不胜感激!