Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 剑道格网;AngularJS-如何在数据网格的Angular版本中使用异步请求填充数据网格?_Javascript_Angularjs_Datagrid_Kendo Ui_Kendo Grid - Fatal编程技术网

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"
    }]
};