使用异步调用创建 ui-grid

Question

我正在尝试使用一些 DDL 过滤器（从获取数据）创建一个 ui-grid。如果我尝试使用 async: false，一切都会完美运行。这是电话：

var Documents = [];

var solutionSetColumn = {};
var solutionSetFilters = [];

LoadData = function () {
        Documents = [];
        $.ajax({
            type: "POST", url: url,
                success: function (data) {
                Documents = data.d;
            },
            error: function (err) {
            }
        });
    }
}

$.ajax({
    type: "POST", url: url,
    success: function (data) {
        solutionSetColumn = { field: 'SolutionSet', displayName: 'Solution Set', width: 190, filter: { type: uiGridConstants.filter.SELECT, selectOptions: data.d } };
    },
    error: function (err) {
        solutionSetColumn = { field: 'SolutionSet', displayName: 'Solution Set', width: 190 }
    }
});       

LoadData();

gridOptions = {
    enableHorizontalScrollbar: 2, 
    enableVerticalScrollbar: 0,
    enableFiltering: true,
    data: Documents,
    columnDefs: [
        { field: 'Name', displayName: 'Nome File', width: 200 },
        solutionSetColumn
    ]
}

$scope.gridOptions = gridOptions;
});

如何在没有像 colDef undefined 这样的 gridOption 错误的情况下获得所有异步？显然没有setTimeout！谢谢

Answer 1

您需要将您的 $scope.gridOptions（和选项定义）移动到 ajax 调用的成功路径中。