0

グリッドの 1 つに pagingtoolbar を使用していますが、ページ番号を更新して手動で入力するだけで機能します。ページングツールバーの次と前のボタンが機能していないため、ボタンのクリック時にサーバー呼び出しが発生しないことがfirebugにあることに気付いたため、イベントがトリガーされません。このボタンの何が問題なのかを理解するのを手伝ってください。

//グリッドに追加されたページング ツールバー 

dockedItems :[ {
                                            xtype : 'pagingtoolbar',
                                            store : 'Laborcosts',
                                            dock : 'bottom',
                                            displayInfo : true
                                        } ],

//店

Ext.define('MD.store.Laborcosts', { 
extend : "Ext.data.Store",
storeID:'Laborcosts',       
model: 'MD.model.Laborcosts',
autoLoad: {start: 0, limit: 10},
remoteSort: true,
pageSize :10 ,
loadMask: true,
proxy: {
    type: 'rest',
     url: '../services/mdcat/laborcost/getLaborCostCDM',
    timeout: 300000,
    reader: {
        type: 'json',
        root: 'records',
        totalProperty: 'total'
    }
}
});

次/前のボタン イベントは、赤いバー マークの特定の部分をクリックしたときにのみ実行されます

これは私の観察です：次/前のボタンイベントは、バーの特定の部分、つまり次/前のボタンアイコンの少し下をクリックしたときにのみ実行されます。
何度も試してみたところ、この動作は IE の chrome でのみ正常に動作することがわかりました。plz は次のツールバー ソース コードの内部要素「button-1121-btnIconEl」レンダリング矢印イメージを調べますが、クロムではクリック イベントが発生しません。私の理解によると、id「button-1121-btnEl」にバインドされたext jsクリックイベント。ボタンのサブ要素である内部アイコンのクリックでクリックイベントが発生しない理由を解決するために私を助けてください。 

"<em id="button-1121-btnWrap"><button id="button-1121-btnEl" type="button" class="x-      btn-center" role="button" autocomplete="off" data-qtip="Next Page" style="height: 16px; "><span id="button-1121-btnInnerEl" class="x-btn-inner" style="">&nbsp;</span><span id="button-1121-btnIconEl" class="x-btn-icon x-tbar-page-next"></span></button></em>"
4

2 に答える 2

1

次のように、ツールバーでストアを参照してみてください。

  store: this.store , //where this would point to grid (you would need to move the toolbar declaration into the initComponent method).

それがうまくいかない場合は、コメントアウトしてみてください

 autoLoad: {start: 0, limit: 10},
于 2013-10-25T22:33:38.150 に答える