PDA

View Full Version : Infinite grid guranteeRange is not working after filtering the grid.



circar
13 Aug 2012, 9:06 PM
I have use infinite grid in my application.

I have to to filter grid's data by using external drop-down(select box).

My Select Box Configuration is :


{
columnWidth: 0.65,
id : 'contact_discipline',
name: 'disicpline_id',
typeAhead: true,
triggerAction: 'all',
lazyRender: true,
fieldLabel: 'Group',
displayField: 'name',
valueField: 'id',
loadingText: 'Loading Group...',
emptyText: '',
selectOnFocus: true,
disabled: false,
forceSelection: true,
queryMode: 'local',
// anchor :'100%',
xtype : 'combo',
labelWidth: 52,
store: webmaxApp.getDataDiscipline('via_combo'),
listeners: {
'change':function(e, ths){
if(this.getValue()){
//window.location.href = '/';
var disicpline_id = this.getValue();
var grid = Ext.getCmp('contact-data-grid');

webmaxApp.getDataDegree().getProxy().url = '/users';

webmaxApp.getDataDegree().load();

}
return;
}
}
}


My Grid Config is ;


[{
columnWidth: 0.4,
xtype: 'gridpanel',
border: false,
store: webmaxApp.getDataContacts(),
verticalScrollerType: 'paginggridscroller', // Use a PagingGridScroller (this is interchangeable with a PagingToolbar)
invalidateScrollerOnRefresh: false, // do not reset the scrollbar when the view refreshs
disableSelection: false, // infinite scrolling does not support selection

trackOver: false,
height: 550,
anchor :'100%',

// trackOver:false,
autoHeight:true,

//autoScroll : true,

layout: 'fit',
// single:true,
id:'contact-data-grid',
columns: [{
xtype: 'rownumberer',
width: 50,
sortable: false
},{
dataIndex: 'first_name',
header: 'First',
sortable: true//,
//width:100
},{
dataIndex: 'last_name',
header: 'Last',
sortable: true//,
// width:100
},{
dataIndex: 'discipline_name',
//dataIndex: 'created_at',
header: 'Discipline'//,
// width:125
},{
dataIndex: 'company_name',
header: 'Company'//,
// width:125
},{
dataIndex: 'title_name',
//dataIndex: 'created_at',
header: 'Title'//,
// width:125
}]
}]


At the time of onChange of select box, when data return from controller, if exist more or equal guaranteeRange then it is(data in Grid with scrollbar) working very fine but when data return(no. of data filtered) is less than guaranteeRange then its showing errors. After this errors, previous filter which was working fine, is not working.


Error is like this :

TypeError: b is undefined
[Break On This Error]

...;if(h>=k[1]&&(!d.length||h<=(d[a-1][1]))){l.storeIndex=a-1;l.storeField=g.yField...


Please assist !!!

scottmartin
5 Sep 2012, 8:09 PM
Can you verify that you are using 4.1.1 final?

Scott.

circar
5 Sep 2012, 8:26 PM
No, I know its fixed in 4.1.1. But I used 4.0.7 and not working here.

scottmartin
6 Sep 2012, 4:08 AM
No, I know its fixed in 4.1.1

Then it would make sense to upgrade ;)

4.1.1 fixes many problems that existed in 4.07. Upgrading is strongly recommended.

Scott.