Forum /
Ext JS Community Forums 4.x /
Ext: Q&A /
Unanswered: Infinite grid guranteeRange is not working after filtering the grid.
Unanswered: Infinite grid guranteeRange is not working after filtering the grid.
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 !!!
Sencha - Support Team
Can you verify that you are using 4.1.1 final?
Scott.
No, I know its fixed in 4.1.1. But I used 4.0.7 and not working here.
Sencha - Support Team
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.
Sencha is used by over two million developers. Join the community, wherever you’d like that community to be
or Join Us