使用異步調用創建ui網格

Question

我正在嘗試使用某些DDL過濾器（從獲取數據）創建ui網格。如果我嘗試使用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; 
}); 

如何獲得所有async沒有gridOption錯誤像colDef undefined？顯然沒有setTimeout！謝謝

Answer 1

您需要將您的$ scope.gridOptions（和選項定義）移動到您的ajax調用的成功路徑中。