有望なKendoUIグリッドセルテンプレート

Question

グリッドのセル値を変換するためにテンプレートを使用する必要があります。

いくつかの理由から、私が翻訳するために呼び出す関数は約束を返しています。

は、私は私の問題に関連する次のトピックを見つけ、私はとの角度メソッドを使用してい

Asynchronous cell template

NG-バインドHTML

$scope.lookUpEventNameAsync = function(data) { 

    refData.events().fetch(function() { 
     var eData = refData.events().data(); 
     var refEvent = eData.find(function(re, i, a) { 
      return re.code === data.eventCode; 
     }); 
     $("#async_tse_" + data.key).html(refEvent.name); 
    }); 

    return $sce.trustAsHtml("<div id='async_tse_" + data.key + "'> </div>"); 
}; 

$scope.gridTimesheetColumns = [ 
    { 
     field: "eventCode", 
     title: "Event", 
     template: "<span ng-bind-html='lookUpEventNameAsync(dataItem)'> </span>" 
    }, 
.... 

私は同じコードを使ってそれを適応させましたそれは働いています。

しかし、今問題は$scope.lookUpEventNameAsyncを何度も呼び出していることであり、画面をフリーズしてアプリを使用できなくすることを止めることは決してありません。

なぜ、どのように防ぐことができますか？

Answer 1

私は、データは次のように結合一方向に必要な：

$scope.gridTimesheetColumns = [ 
{ 
    field: "eventCode", 
    title: "Event", 
    template: "<span ng-bind-html='::lookUpEventNameAsync(dataItem)'> </span>" 
},