비동기 호출을 사용하여 ui-grid 만들기

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; 
}); 

colDef와 같은 gridOption 오류없이 모든 비동기를 얻는 방법은 정의되지 않았습니다? 분명히 setTimeout없이! 감사합니다

Answer 1

$ scope.gridOptions (및 옵션 정의)를 ajax 호출의 성공 경로로 옮겨야합니다.