展開Treeview promise

Question

我正在幫助客戶解決一些KendoUI問題，我們正在使用樹視圖來實現組織層次結構。

他們在樹上方有一個搜索框（自動完成），當他們選擇某人時，它展開樹，在樹中找到它們並選擇它們，如果它們不在視圖中（treeview在滾動div）它將它們滾動到視圖中。

我遇到的問題是，我的scrollTop動畫發生在treeview完成擴展之前。 （我要指出，我打開loadOnDemand掉在樹上（現在），以加速擴大整個樹expand('.k-item'))

一些代碼：

//in the autocomplete select event handler: 
treeView.expand('.k-item'); 

treeView.select(selectedItem); 

var treeTop = treeView.element.offset().top, 
elTop = treeView.select().offset().top, 
offsetDiff = elTop - treeTop; 

treeView.element.animate({scrollTop: offsetDiff}, 100); 

如果我超時包裹animate（約。300密耳），它適用於中等規模的組織，但如果我們有一個大的組織，可能沒有足夠的時間

會是什麼更好的是，如果我能打入一個承諾我想：

treeView.expand('.k-item').promise().done(//animate); 

甚至嘗試將expand換成defer和promise的函數，但在樹完全展開之前調用expand。

Answer 1

我認爲它應該足夠使用setTimeout的值大於你通過的值options.animation.expand.duration（設置默認爲200，我認爲）。

如果你想換行expand方法在一個承諾，我覺得這樣的事情應該工作：

kendo.ui.TreeView.fn.expand = (function(expand) { 
    return function(nodes) { 
     var that = this, 
      deferred = $.Deferred(), 
      animationDuration = this.options.animation.expand.duration; 

     setTimeout(function() { 
      expand.call(that, nodes); 
      setTimeout(function() { 
       deferred.resolve(); 
      }, 5 + animationDuration); 
     }, 5); 

     return deferred.promise(); 
    } 
})(kendo.ui.TreeView.fn.expand);