AngularJS UI-GRID : editDropdownOptionsFunction 및 async $ http.get

Question

저는 ui-grid v3.2.9를 사용합니다. 편집 셀 - 드롭 다운 컨트롤 중 하나 인 인라인 편집 기능이있는 격자가 있습니다. 이 셀을 클릭 할 때마다 드롭 다운 컨트롤을위한 배열을 가져오고 싶습니다.

 columnDefs: [ 

     { 
      name: 'serial', 
      displayName: 'Serial', 
      width: 100, 
      enableCellEdit: true, 
      editableCellTemplate: 'ui-grid/dropdownEditor', 
      editDropdownIdLabel: 'id', 
      editDropdownValueLabel: 'id', 
      editDropdownOptionsFunction: function(rowEntity, colDef){ 
       var res = []; 
       $http.get('index.php?r=docs/serialsjson2&recid=' + rowEntity.id) 
        .success(function (data) { 
         res = data;          
        }); 

       return res; 
      } 
     }, 

    ], 

을하지만 이해 $ http.get 너무 늦게 끝나면 더 채우기 dropdownarray하지 : 나는 드롭을 위해 JSON을 다운로드 editDropdownOptionsFunction를 사용하려고합니다. 도와주세요. 순간 클릭으로 서버에서 드롭 다운 위젯에 대한 요청 데이터를 어떻게 처리해야합니까?

Answer 1

데이터가 성공 함수로 반환 된 후 드롭 다운 데이터가로드됩니다. 더 많은 루프 또는 쿼리 연산 [다시 인수]없이 간단한 단계로 데이터를 다시 얻는 것만 데이터를 빨리 가져올 수 있습니다.

그런 일이 발생하지 않으면 HTTP 인터셉터에 회 전자 (로더)를 추가하고 데이터가 채워질 때까지 드롭 다운을 비활성화 할 수 있습니다.

드롭 다운에 대해 스피너와 히스토그램을 구현하는 데는 여러 가지 방법이 있습니다. 다음은 링크의 예입니다. Spinner and Overlay