3

所以我使用 Ag-grid 作为一种表格技术来显示我从服务器检索到的数据。

我像这样向后端发送查询：

var query = QueryService.getQuery();
        if (typeof vm.queryDimensions !== 'undefined' && vm.queryDimensions.keepSorted) {
            query['query'] = vm.queryDimensions.dim;
        }
            query['start'] = vm.pageMarker || 0;
            query['count'] = vm.numPerPage;
            query['sortBy'] ='date';
            query['sortOrder'] = 'desc';

我在哪里指出要从哪个索引开始，以及要检索多少数据。

响应有 2 个部分：实际数据是一个对象数组，长度等于 query['count'] 的长度，以及找到的结果总数。

我的列工作正常。它存储在一个名为 colDefs 的变量中。

在我使用我的服务获取数据后，这就是我所做的，基于 Ag-grid 文档：

DataService.getEventsData(query).then(function(res){
                vm.pageMarker = res.results.length + 1;

                createTableSource(res)

            })


    }

    function createTableSource(data){
        var source = {
            //rowCount: data.resultsFound,
            pageSize: vm.numPerPage,
            getRows: function(params) {
                params.startRow = 0;
                params.endRow = vm.pageMarker;
                var formattedData = formatData(data.results);
                console.log(formattedData);
                params.successCallback(formattedData);
            }
        };
        vm.gridOptions.api.setDatasource(source);
    }

    function formatData(tableData){
        var formattedTableData = [];
        console.log(tableData);
        angular.forEach(tableData, function(v,k){
            var rowObj = {};
            angular.forEach(colDefs, function(i,j){
                if(i.field === 'date'){
                    rowObj['date'] = v.date
                }
            })
            formattedTableData.push(rowObj);



        });
        console.log(formattedTableData);
        return formattedTableData;
    }

但是，当我检查我的表格时，它只显示底部的列和分页选项，但没有显示我的实际日期。我不知道我的数据还缺少什么。

4

1 回答 1

0

我解决了这个问题。这是我给桌子的高度和宽度的问题。现在可以了。

于 2016-02-08T18:02:26.957 回答