如何滾動到Ext JS 3.4網格的底部？

Question

我有一個網格面板（里面有Ext.ux.grid.RowEditor面板），我想滾動到底部（在底部附近，我的Ext.ux.grid.RowEditor沒有完整顯示），

這段代碼不起作用：

this.MyGrid.getView().on('scrollToBottom', function(){
        var inputEl = this.MyGrid.el.dom;
        inputEl.scrollTop = inputEl.scrollHeight;
    }, this);

.....

然后按下保存按鈕時，我會觸發事件：

this.MyGrid.getView().fireEvent('scrollToBottom',this);

任何想法，為什么它不滾動？ 謝謝！

Answer 1

.on()函數用於為事件設置偵聽器功能，而不是添加自定義事件。 同樣， .fireEvent()函數用於觸發對象上的事件。 不能定義您自己的事件，而且ExtJs中沒有“ scrollToBottom”事件。

您要做的就是將您的scrollToBottom代碼定義為一個函數，然后從保存按鈕的點擊處理程序中調用它

Answer 2

請嘗試使用addEvent方法（使用init）將事件添加到網格中，然后將事件作為偵聽器添加到網格中。 必要時使用fireEvent方法觸發事件（在用戶單擊保存按鈕的情況下），然后在偵聽器中訂閱它。

示例代碼如下所示（您必須添加此事件，然后將其觸發。）將事件添加到init組件中如下所示（在下面，這是指網格范圍）

this.addEvents('SCROLL_TO_BOTTOM');

您必須訂閱該事件並設置網格的滾動高度。將以下偵聽器添加到網格中。

listeners: {
         'SCROLL_TO_BOTTOM': this.handleScroll,
         scope: this
         }

處理滾動的功能

 handleScroll:function(){   
           var inputEl = this.MyGrid.el.dom;
           inputEl.scrollTop = inputEl.scrollHeight;
         }

希望這對您有幫助...

Answer 3

我找到了解決方案！ 沒有其他事件和聽眾，只是

var inputEl = this.myGrid.getView().scroller.dom;
inputEl.scrollTop = inputEl.scrollHeight;