2015-01-20 75 views
1

我有一個Kendo網格,使用虛擬分頁和導航(用於鍵盤導航)進行設置。根據內容的大小,有時我無法看到當前視圖中的所有數據,並且當我使用鼠標滾動時,沒有任何問題,但是當我嘗試使用鍵盤導航到最下面的行時,行不滾動到視圖中。Kendo Grid:將焦點單元格滾動到視圖中

將元素滾動到視圖中是非常簡單的,假設您掛鉤到觸發滾動的事件。我似乎無法弄清楚如何掛鉤到網格上的焦點事件來自動實現它。

JSFiddle

我如何可以掛接到焦點事件給當前焦點細胞滾動到視圖。請注意,當前聚焦的單元格與選定的單元格/行不同。

滾動代碼:

$grd.animate({ 
    scrollTop: $ele.offset().top - $grd.offset().top + $grd.scrollTop() 
}); 
+0

你可能會尋找'change'事件:我相信它會通過點擊或鍵盤導航捕獲行/單元格更改。以下是未經測試的代碼,但它可能有效:'this.element.find(「.k-grid-content」)。animate({scrollTop:this.select()。position()。top },500); ' – chiapa 2015-01-21 09:56:16

+0

@chiapa - 更改事件與更改所選行或單元格有關,而不是更改焦點。通常情況下,除非設置了Navigatable選項,否則無法看到焦點更改。看看JSFiddle,看看我指的是什麼。以下是用於更改事件的API文檔(用戶在網格中選擇表格行或單元格時觸發):http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-change – 2015-01-21 17:09:08

+0

你必須有可滾動的屬性爲虛擬?如果沒有,按照預期刪除'虛擬'和滾動工程:[fiddle here](http://jsfiddle.net/q94ywrs1/3/) – chiapa 2015-01-21 17:18:51

回答

相關問題