Combobox - Populate from remote store

[trasherdk]

I'm currently struggling with a ComboBox on a form, and it seems that
i'm missing something. Date is loaded from database to a JsonStore.

All looks OK, bu nothing show up in the ComboBox.

What am i missing?

The ComboBox:

{
	id:'customer-pnr'
	,fieldLabel: 'Postnummer'
	,name: 'postnr'
	,xtype: 'combo'
	,typeAhead: true
	,minChars: 3
	,loadingText: 'Loading...'
	,triggerAction: 'all'
	,lazyRender: true
	,mode: 'remote'
	,allowBlank: false
	,valueField: 'postnr'
	,displayField: 'bynavn'
	,store: new Ext.data.JsonStore({
		autoDestroy: true
		,url: '/mossin/php/customerform.php'
		,baseParams: {
			task: 'get-postnr'
			,debug: 0
		}
		,root: 'rows'
		,totalProperty: 'results'
		,fields: ['postnr', 'bynavn']
	})
}

The XHR Request:

Parameters	application/x-www-form-urlencoded

debug	0
query	Bir
task	get-postnr

Source
task=get-postnr&debug=0&query=Bir

And the XHR Response: (including server sql for debug)

{
	success: true, 
	results: 1, 
	rows: [{
		"postnr":"3460",
		"bynavn":"Birker\u00f8d"
	}], 
	sql:'select postnr, bynavn 
		from postnumre 
		where postnr like 'Bir%' 
		or bynavn like 'Bir%' 
		order by bynavn'
}

[trasherdk]

Ok, one step closer. Removing the SQL part from the response

{
	success: true, 
	results: 1, 
	rows: [{
		"postnr":"3460",
		"bynavn":"Birker\u00f8d"
	}], 
	sql:'select postnr, bynavn 
		from postnumre 
		where postnr like 'Bir%' 
		or bynavn like 'Bir%' 
		order by bynavn'
}

made the data appear in the ComboBox.


Next problem. When submitting the form, with this combobox, the displayField is
submitted, not the valueField

Parameters	application/x-www-form-urlencoded

data[adresse]	499/21 Kophai, Soi 9
data[fname]		Mogens
data[kundeid]	
data[lname]		Melander
data[postnr]	Billum

task			customer-save

Source
task=customer-save&data%5Bkundeid%5D=&data%5Bfname%5D=Mogens&data%5Blname%5D=Melander&data%5Badresse%5D=499%2F21%20Kophai%2C%20Soi%209&data%5Bpostnr%5D=Billum

Here's the current version of the combobox:

{
	id:'customer-pnr'
	,fieldLabel:'Postnummer'
	,name:'data[postnr]'
	,xtype:'combo'
	,typeAhead: true
	,minChars: 3
	,emptyText:'Select a City...'
	,loadingText: 'Loading...'
	,triggerAction: 'all'
	,lazyRender: true
	,mode: 'remote'
	,allowBlank: false
	,valueField: 'postnr'
	,displayField: 'bynavn'
	,store: new Ext.data.JsonStore({
		autoDestroy: true
		,autoLoad: false
		,url: '/mossin/php/customerform.php'
		,baseParams: {
			task: 'get-postnr'
			,debug: 0
		}
		,root: 'rows'
		,totalProperty: 'results'
		,id: 'postnr
		,idProperty: 'postnr'
		,fields: ['bynavn']
	})
}

Again, what am i missing?

[friend]

hiddenName: 'postnr'

[trasherdk]

Thank you for your help. That did it.

Now i get the valueField, and i can move on

data[adresse]	499/21 Kophai, Soi 9
data[fname]	Mogens
data[kundeid]	
data[lname]	Melander
data[postnr]	7190
task	customer-save

The working ComboBox code:

{
	id: 'customer-pnr'
	,fieldLabel: 'Postnummer'
	//	,name: 'data[postnr]'
	,hiddenName: 'data[postnr]'
	,xtype: 'combo'
	,typeAhead: true
	,minChars: 3
	,emptyText: 'Select a City...'
	,loadingText: 'Loading...'
	,triggerAction: 'all'
	,lazyRender: true
	,mode: 'remote'
	,allowBlank: false
	,valueField: 'postnr' 
	,displayField: 'bynavn'
	,store: new Ext.data.JsonStore({
		autoDestroy: true
		,autoLoad: false
		,url: '/mossin/php/customerform.php'
		,baseParams: {
			task: 'get-postnr'
			,debug: 0
		}
		,root: 'rows'
		,totalProperty: 'results'
		,id: 'postnr'
		,idProperty: 'postnr'
		,fields: ['postnr','bynavn']
	})
}