2011-03-25 24 views
1

私はhtmlドロップダウンとextjsグリッドを持っています。ドロップダウン値に基づくグリッドフィルタリング

私は、ドロップダウンを使用して機能を検索実装したい...

のextグリッドは、ドロップダウンの選択した値に基づいてレコードを表示しています。 {開始:私は、検索パラメータ

searchGrid.store.load({のparamsで店をロードしています変更イベントのドロップダウンで

のように、グリッドは、ページングも...

は、私はこれを実装しています:0、limit:10、year:searchVal}});

これは、最初のページのために正常に動作します。.. グリッドは、検索のparamsをに従ってレコードを示して....

しかし、私は、検索のparamsが欠落している....ページングバーの次のページ]ボタンをクリックしてください... 。

は、検索のこの種を実装する他の方法があります....これをヘンデルする方法... ヘルプありがとう。

答えて

0

SO

ストアをロードする必要があります(ユーザーがドロップダウン値を選択するかどうか、次のボタンをクリックしてください)毎回のparamsを初期化ストアにbeforeloadハンドラを追加へようこそ

あなたのコードだろう線に沿って何かすること - それがロードされると、それはデフォルト値を持っていない場合、あなたのコンボは、例えば(常に値をしない場合

Ext.onReady(function() { 
    //...some initialization code 
    Ext.getCmp('your-grid-id').getStore().on('beforeload', function(store, options){ 
     options.params.year=Ext.getCmp('your-combo-id').getValue(); 
    }); 
    //....some more initialization code 
}); 

、あなたはoptions.params.year=Ext.getCmp('your-combo-id').getValue();交流を変更する必要があります言い換えると、

+0

これは私の多くの助けになりました。私のアプリでは、このような検索機能がたくさんあります。今あなたの助けを借りてすべてうまくいっています。私は "stackoverflowから良い応答"を得ています。 stackoverflowチームに感謝します。店舗イベントのリストを含むページへのリンクを教えてください。ありがとうございました – nani1216

+0

答えがあなたを助けたならば、 "それを受け入れる"と考えてください:) - ストアイベントのリスト(および他のAPIドキュメント) - http://dev.sencha.com/deploy/dev/docs/?class=Ext。データ。ストア –

関連する問題