ComboBox posting display field not value to server

[jthorn]

Hello,
Can someone please help me figure out why the code below is posting the display field of a combo box to the server and not the value field?

Thanks!

Jeff

            f = new Ext.form.Form({
                labelAlign: 'right'
            });
            
            var store = new Ext.data.Store({
                proxy: new Ext.data.HttpProxy({url: "get_types"}),
                reader: new Ext.data.ArrayReader(
                    { id: 0 },
                    [ {name: 'id', type: 'int'}, {name: 'name'} ]
                )
            });
            
            store.load();
            
            f.fieldset(
                {legend: "Options"},
                new Ext.form.ComboBox({
                    fieldLabel: 'File Type',
                    store: store,
                    emptyText:'Select a file type...',
                    width:200,
                    displayField: 'name',
                    valueField: 'id',
                    triggerAction: 'all',
                    name: 'fileType',
                    allowBlank: false
                })
            );
            
            var submit = f.addButton({
                text: 'Submit',
                handler: function() {
                    f.submit({
                        url:'submit_options',
                        success: this.onSuccess,
                        failure: this.onFailure
                   });
                }
            });
                       
            uploadDlg = new Ext.BasicDialog('uploadDlg', { 
                                    width:520,
                                    height:200,
                                    resizable: false,
                                    shadow:true,
                                    modal:true,
                                    title: 'Select Options'
                                });
                                
            f.render(uploadDlg.body);    
            uploadDlg.show();

[Troy Wolf]

jthorn, this one was definitely not obvious to me either. Check out the hiddenName property of the ComboBox.
http://extjs.com/deploy/ext/docs/out...fig-hiddenName

You can change your ComboBox to the code below. Note, the only thing I added is hiddenName. I moved your name property to keep the 2 at the top together for clarity.

new Ext.form.ComboBox({
    name: 'XfileType',
    hiddenName: "fileType",
    fieldLabel: 'File Type',
    store: store,
    emptyText:'Select a file type...',
    width:200,
    displayField: 'name',
    valueField: 'id',
    triggerAction: 'all',
    allowBlank: false
})

I'm a relative Ext noob myself, so take this for what it's worth.

[r2k]

ok, i passed for that before i tink that is the the defaul behaivor for the fields in ext forms , and the only way that i found to solve is to pass params in the form.submit that contains the respective values for the combos.

example

form.submit({
                   params: {numlinea: form.findField('cveLinea').getValue(), saResp2: form.findField('saResp').getValue()}}); 

'cveLinea' and 'saResp' are combos

i hope that this helps you to solve your problem

[jthorn]

The hiddenName config option, as Troy suggested, solved my problem. Thanks.

I guess I was under the impression that the field that I specify in the valueField is what would be returned to the server on a POST. I guess this is not the case?

[sethostrich]

I ran into this as well. I just ended up setting the hiddenName = name, and it seemed to work fine.

[jorrill]

I'm getting different behavior with the combo box. I've got a setup where the value I want is an integer, and the human-readable display is a string. When the combobox initially draws, it is showing the "display" value, and if you click "submit" without changing anything, that string is what the server gets. However, if the user accesses the combo box and selects something, then I'm getting the integer value as expected. Here (I hope) are the relevant bits of code:

var BedCountSharingOption = Ext.data.Record.create([
    {name: 'bedCountSharingOptionId', mapping: 'id', type: 'int'},
    {name: 'sharingOption', mapping: 'sharingOption'},
    {name: 'sharingOptionAbbrev', mapping: 'sharingOptionAbbrev'}
]);

var bcsReader = new Ext.data.JsonReader({
    id: 'iD'
}, BedCountSharingOption);

function getBcsStore() {
    var bcsProxy = new Ext.data.JsonRpcProxy( function(cb, query) {
        jsonrpc.lookupManager.getBedCountSharingOptions(cb) ;
        }
    ) ;

    var bcsStore = new Ext.data.Store({
        reader: bcsReader,
        proxy: bcsProxy,
        autoLoad: true

    });

    return bcsStore ;
}

    bcsCombo = new Ext.form.ComboBox({
                        name: 'bedCountSharingOption',
                        hiddenName: 'bedCountSharingOption',
                        fieldLabel:'Share bed count with other facilities',
                        xtype: 'combo',
                        editable: false,
                        store: bcsStore,
                        triggerAction: 'all',
                        valueField: 'bedCountSharingOptionId',
                        displayField: 'sharingOption'

    });

[Drakkhen]

jorrill I have the exact prob, did you find a solution ?

[jorrill]

Nope, no solution yet. Nothing but crickets so far. At the moment I've put this problem aside, but if/when I find a solution I'll try to remember to post something here.

[talshadar]

Not sure if this helps but I always put

emptyText:"Please Select..."

in the config options for the combo box - that resolves that problem for me.

[Drakkhen]

It didn't for me.
Still when the form is send and the user didn't use the combobox, the diplay fiel is send instead the valueField.