[OPEN-EXTJSIV-1638][4.0.1] ComboBox Initial Value

[MrSparks]

Setting the "value" is being ignored as the initial item to show in the combo. Instead we just see a blank area or if emptyText is set we get that.

Typically you can set the value to a store ID or the Text value of one of the store items.

[evant]

Please post a short test case that demonstrates the issue.

[hulstein]

I posted the same issue yesterday:

I have some dialogs with comboBoxes. These combo boxes are loaded from a datastore (defined as local, butting getting data from an ajax call). In previous releases when I load the dialog, the value of the selected item is set to the combo, and the combo then displays the previous selection. Now it sometimes does this, but sometimes it shows a blank combo, but as soon as I click on it it jumps to the selected item and considers it selected.

Am I doing something wrong in handling this, or has something changed that affects this?

So the form I'm using is getting set from another (grid) view:

		this.siteDetails = Ext.create( 'widget.sitedetails' );
		this.siteDetails.load( {
			url: 'api/sites/load/',
			params: { f_site_id: site_id }
		} );

This properly fetches all the data and sets it in the following form, however, for some combo's the selected value is selected, for others it is not. So it seems to be a case of 'order in which things are processed', or an event trigger not being handled.

The combo box is set as follows:

	var siteTypeCombo = new Ext.form.ComboBox({
		fieldLabel: 'Select a site type',
		labelStyle: 'font-weight:bold',
		name: 'f_site_type_id',
		id: 'sitetypecombo',
		allowBlank: false,
		editable: false,
		queryMode: 'local',
		displayField: 'f_popup_option_name',
		valueField: 'f_popup_option_id',
		store: new Ext.data.Store({
			model: 'TYPE_PopupOption',
			autoLoad: true,
			proxy: {
				type: 'ajax',
				url: 'api/popup_options/family/site_type',
				reader: {
					type: 'json',
					root: 'data'
				}
			}
		})
	});

where 'f_site_type_id' is the id loaded by the 'api/sites/load/' call.

[MrSparks]

Here's my Config

Ext.onReady(function(){


Ext.regModel('CompanyList', {
    fields: [
        {name: 'companyid', type: 'int'},
        {name: 'companyname',  type: 'string'}
    ]
});


var store = new Ext.data.Store({
    model: 'CompanyList',
    proxy: {
        type: 'ajax',
        url : '/pages/company_combo.cfm',
        reader: {
            type: 'json',
            root: 'data'
        }
    }
});
store.load();

var combobox = Ext.create('Ext.form.ComboBox', {
	id: 'companyCombo',
	store: store,
	queryMode: 'local',
	displayField: 'companyname',
	valueField:'companyid',
	submitEmptyText: false,
	hiddenValue: 0,
	value: 0,
	hiddenName: 'companyid',
	editable: false,
    forceSelection: true,
    triggerAction: 'all',
}); 


var accordionPanel = new Ext.Panel({
	title: 'Panel',
	id: 'panel001',
	autoScroll: false,
	hidden: false,
	border: 0,
	layout: 'fit',
	items:[
		combobox
	]
});


var myAccordion = Ext.create('Ext.panel.Panel', {
	region: 'center',
	id: 'myPanelId',
	border: 0,
	items: [
		accordionPanel
	]
	
});

Ext.create('Ext.Viewport', {
        id: 'testing',
		layout: {
            type: 'fit'
        },
        items: [
			myAccordion
		]
	});

});

json

{
success:true,
data:[
		{
			"companyid"  : "0",
			"companyname" : "Default Company"
		},
		{
			"companyid"  : "5",
	
			"companyname" : "Test company"
		}
		,
		{
			"companyid"  : "1",
			"companyname" : "ACME"
		}
		,
		{
			"companyid"  : "4",
			"companyname" : "Another Company XYZ"
		}
		,
		
		{
			"companyid"  : "3",
			"companyname" : "Test company 2"
		}
	]
}

[eja40]

could it be a type issue? value: 0 is not the same as value: "0"
in your data store it would expect "0" not 0

[MrSparks]

could it be a type issue? value: 0 is not the same as value: "0"
in your data store it would expect "0" not 0

It's an INT value, so not quotes needed. In EXT 3.3 you could reference a STRING e.g. value : 'Default Company' but that doesn't work in EXTJS 4 either.

[MrSparks]

Issue is still present in 4.0.0

[MrSparks]

@Devteam

Issue is still present in 4.0.1

[dmitry.uvarov]

Hi guys,

I've just found the same issue. Instead of posting sample code I can post code from ExtJS 4.0.1 itself.
Ext.form.field.ComboBox:

        if (me.store.loading) {
            // Called while the Store is loading. Ensure it is processed by the onLoad method.
            me.value = value;
            return me;
        }

Notice comment: 'Ensure it is processed by the onLoad'

And onLoad listing:

   onLoad: function() {
        var me = this,
            value = me.value;

        me.syncSelection();
        if (me.picker && !me.picker.getSelectionModel().hasSelection()) {
            me.doAutoSelect();
        }
    },

Here's my code from ext-fix.js I have for such stuff:

Ext.override(Ext.form.field.ComboBox, {
	onLoad: function() {
		this.callOverridden();
		this.setValue(this.value);
	}
});

It works perfectly well for me so far, so I guess you just need to implement that processing on your own.

[MrSparks]

Here's my code from ext-fix.js I have for such stuff:

Ext.override(Ext.form.field.ComboBox, {
	onLoad: function() {
		this.callOverridden();
		this.setValue(this.value);
	}
});

It works perfectly well for me so far, so I guess you just need to implement that processing on your own.

Works great for me also!