CheckboxSelectionModelをすべて選択した後、次のページをクリックすると選択されていない状態に戻ります

1227 ワード

Gridの中でCheckboxSelectionModelを使用していると、現在のページでは全選ボタンが選択されていて、改ページボタンをクリックすると、新しいページではヘッダー上の全選ボタンが選択状態にあることがわかります.以下に愚かな方法を示します.
 
1、storeに傍受データ変化イベントを加える
 
var ds = new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({url:url,form:ff,method:'post'}),
    totalProperty:"totalCount", 
//              ,        ,    checkbox  
   listeners:{datachanged:clearAllSelectedCheckbox},
    reader:new Ext.data.JsonReader(
	{	root:'result',
		id:'id',
		totalProperty: 'totalCount'
	}, 
	[
		{name:"id"},
		{name:"remark"},
		{name:"domain"},
		{name:"name"}
	
						
)});

 
2、Gridのcolumnsとgrid部分を生成するコードはここには書かれておらず、通常の書き方と一致して、ページングバーPagingToolbar.
3、c l e arAllSelectedCheckbox実装コード:
function clearAllSelectedCheckbox(){
	var hd = Ext.fly(grid.getView().innerHd).child('div.x-grid3-hd-checker');
	hd.removeClass('x-grid3-hd-checker-on');
	grid.getSelectionModel().clearSelections();
}

 
 
PagingToolbarを書き換えることで実現することもできます.