PDA

View Full Version : IE7 paged combobox - very strange behaviour



ferox adimas
12 Jun 2009, 11:03 AM
Hi,

thanks for your fine product!

I have a pretty mysterious problem. I would appreciate any insights you could offer.

Here is a description of the problem:

I have two linked comboboxes.

On the select event of the first box, I clear the value of the second box, set one of the second boxes baseParams, and reload the store.

Subsequent clicks on this combobox will bring down a list, but the paging toolbar is now gone, even though my totalRecords are greater than my page size.

In FF, IE8, this works perfectly, the disappearance of the paging toolbar *only* seems to occur in IE7.

Here are some relevant lines of code:



*****snip****
var projectStore = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({
url: '<%= Url.Action("GetProjects", "Transact") %>',
method: 'GET'
}),
fields: ['Id', 'Name', 'IsPhaseOriented', 'ClientId', 'IsMSProjectOriented', 'IsHourly'],
root: 'ProjectData',
id: 'prj',
totalProperty: 'totalCount',
baseParams: {
clientId: ''
}
});

var clientStore = new Ext.data.JsonStore({
proxy: new Ext.data.HttpProxy({
url: '<%= Url.Action("GetClients", "Transact") %>',
method: 'GET'
}),
fields: ['Key', 'Value'],
root: 'ClientData',
totalProperty: 'totalCount'
});


*****snip*****
,{
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',
items: [{
store: clientStore,
id: 'comboClient',
fieldLabel: '<%= Strings.Transact_Client %>',
displayField: 'Value',
valueField: 'Key',
autoComplete: true,
forceSelection: true, //don't allow arbitrary text
mode: 'remote',
queryParam: 'queryText',
triggerAction: 'all',
queryDelay: 50,
selectOnFocus: true,
editable: true,
xtype: 'pagecombo', //<-- extends combo, only adds pagesize and some other config stuff
width: 250,
hiddenName: 'ClientId',
listeners: { select: { fn: function(combo, value) {
Ext.getCmp('comboProject').clearValue();
projectStore.baseParams['clientId'] = Ext.getCmp('comboClient').getValue();
projectStore.load({params:{start:0, limit: 2}}) //<<<<------- HERE IS the line that seems to be causing the bug
ReloadTasks();
ReloadPayTypes();
HidePhaseColumn();
}
},
blur : { fn: function(combo, value) { }}//ClearComboValueOnBlur(combo); } }
}
}]
},{
columnWidth:.5,
layout: 'form',
items: [{
store: projectStore,
id: 'comboProject',
fieldLabel: '<%= Strings.Transact_Project %>',
displayField: 'Name',
valueField: 'Id',
forceSelection: true,
mode: 'remote',
queryParam: 'queryText',
triggerAction: 'all',
queryDelay: 50,
selectOnFocus: true,
editable: true,
xtype: 'pagecombo',
width: 250,
hiddenName: 'ProjectId',
listeners: { select: { fn: function(combo, value) {
QuantityVisibility();
ReloadTasks();
ReloadPayTypes();
if (Ext.getCmp('comboClient').getValue() == "") { ReloadClients(true); }
SetPhaseColumnVisibility();
}
},
blur : { fn: function(combo, value) { ClearComboValueOnBlur(combo); } }
}
}]
}]
},
*****snip***


any help, ideas or insights would be much appreciated, thanks.

--ferox