AngularJS UIグリッド：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