Javascript 剑道格网;AngularJS-如何在数据网格的Angular版本中使用异步请求填充数据网格?
我想问一下如何用异步请求填充角度剑道数据网格 模板:Javascript 剑道格网;AngularJS-如何在数据网格的Angular版本中使用异步请求填充数据网格?,javascript,angularjs,datagrid,kendo-ui,kendo-grid,Javascript,Angularjs,Datagrid,Kendo Ui,Kendo Grid,我想问一下如何用异步请求填充角度剑道数据网格 模板: <kendo-grid options="mainGridOptions"> </kendo-grid> $scope.test应该是一个将结果返回到网格的远程请求 我怎么做?从角度看,最好的方法是什么?我想只要一个小小的改变,你就可以得到它。在网格定义中,您将数据源创建为普通对象,但将数据设置为$scope.test,这是一个剑道数据源 我会将模式定义内容向下移动到数据源($scop
<kendo-grid options="mainGridOptions">
</kendo-grid>
$scope.test
应该是一个将结果返回到网格的远程请求
我怎么做?从角度看,最好的方法是什么?我想只要一个小小的改变,你就可以得到它。在网格定义中,您将数据源创建为普通对象,但将数据设置为$scope.test,这是一个剑道数据源 我会将模式定义内容向下移动到数据源($scope.test),使其看起来像
$scope.test = new kendo.data.DataSource({
transport : {
read : function(options) {
return $http.post('/api/getReportData/', {
sDate : '',
eDate : ''
}).success(function(data) {
options.success(data);
}).error(function() {
return;
})
console.log("mmm");
}
},
schema : {
model : {
fields : {
name : {
type : "string"
}
}
}
},
pageSize : 20,
});
然后你有你的网格定义
$scope.mainGridOptions = {
dataSource : $scope.test,
sortable : true,
height : 550,
pageable : true,
columns : [{
field : "name",
title : $translate.instant('NAME'),
width : "120px"
}]
};
我相信它会起作用。您似乎对Kendo UI数据源对象的工作方式感到困惑。您不应该跨两个对象(即网格中的
DataSource
定义和$scope.test
)分离同一数据源的属性。它们一起属于同一数据源定义。
$scope.mainGridOptions = {
dataSource : $scope.test,
sortable : true,
height : 550,
pageable : true,
columns : [{
field : "name",
title : $translate.instant('NAME'),
width : "120px"
}]
};