2016-03-24 17 views
0

無限スクロールでグリッドを作ろうとしています。私は例here を追ったが、私はアプリを実行し、これまで、ExtJS:無限スクロールが動作しない

verticalScrollerの設定は、私はExtJSのに6.0.1古典を使用しています

がサポートされていないコンソールで、次のエラーが発生したとき。

は以下

ストア私のグリッドと店舗構成です

Ext.define('Premier.store.MyStore', { 
    extend: 'Ext.data.Store', 

    alias: 'store.mystore', 
    pageSize: 4, // items per page 
    buffered: true, 
    remoteSort: true, 
    remoteFilter: true, 

    proxy: { 
    type: 'rest', 
    url: '/api/MyController', 

    reader: { 
     type: 'json', 
     rootProperty: 'Data', 
     idProperty: 'ID', 
     totalProperty: 'TotalCount' 
    } 
    } 
}); 

グリッド

{ 
    xtype: 'grid', 
    height: 90, 

    columns: [{ 
    text: 'Name', 
    dataIndex: 'Name', 
    flex: 1, 
    editor: { 
     allowBlank: false 
    }, 
    filter: { 
     type: 'string' 
    } 
    }], 

    // store: store, 
    store: { 
    type: 'mystore' 
    }, 

    verticalScroller: { 
    xtype: 'paginggridscroller', 
    activePrefetch: false 
    }, 

    selModel: 'rowmodel', 
    plugins: [{ 
    ptype: 'rowediting', 
    clicksToEdit: 2 
    }, { 
    ptype: 'gridfilters' 
    }] 
} 
+0

ExtJs 6.0.1の 'Ex.grid.Panel'には' verticalScrollbar'設定がありません。しかし、それは 'scrollable'設定を持っています(それがあなたに役立つかどうかは分かりません)。 [gridpanel API Docs](https://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.grid.Panel)を参照してください。あなたは 'Ext.scroll.Scroller' [api docs](https://docs.sencha.com/extjs/6.0/6.0.1-classic/#!/api/Ext.scroll.Scroller)を見たいかもしれません。 – Dumbledore

+0

興味があれば[バッファグリッドの例](http://examples.sencha.com/extjs/6.0.1/examples/classic/grid/buffer-grid.html)もご覧ください。 – Dumbledore

+0

私が正しく理解していれば、バッファグリッドはすでにクライアントに存在するデータを使用します。私はそれを望んでいない。ユーザーがスクロールダウンしたときにサーバーからデータをロードしたいまた、私は 'Ext.scroll.Scroller'が私にとってうまくいくとは思わない。 –

答えて

0

私が間違っている例を使用した表示されます。私はExtJS 4.0の例を使用していました。

私は例hereに従っており、正常に動作しました。

関連する問題