View Full Version : editor grid + combobox + how clear combo value?

22 Dec 2010, 10:54 AM
on http://www.sencha.com/examples/explorer.html#editablegrid
click on the first line, on the column "Light", select all text, press delete and press tab...
go to the next column...

but the value of the combo isnt set equals null..

how I can change this behaviour?

22 Dec 2010, 11:05 AM
Pressing tab selects the currently selected item in the drop down. The KeyNav in ComboBox is doing this. You will need to extend combobox and remove this.

23 Dec 2010, 2:33 AM
hmm... you think change this?
its strange... I remove the selected item, I would like set equals null...

23 Dec 2010, 2:35 AM

23 Dec 2010, 2:36 AM
The ComboBox is expanded and so when pressing tab it selects the item.

23 Dec 2010, 3:30 AM

is different from GXT....

If you clear the value and press tab.. will set the value equals null

23 Dec 2010, 3:33 AM
ExtJS is not GXT. Changing any behaviour now is a braking change. Also its doing exactly the same thing.

23 Dec 2010, 3:42 AM
ExtJS is not GXT
I dont know... thanks to told me :D
I was compare ext and gxt

Also its doing exactly the same thing.

23 Dec 2010, 3:44 AM
Remove the text in the input field with the backward key, wait until combobox expands automatically, press tab -> value selected. Same happens in GXT.

23 Dec 2010, 3:51 AM
is true...

in extjs
if you press delete the combo dont expand...

in gxt
if you press delete the combo expand...

ok... I will overwrite the method.. and change this...

you think change this on gxt3?

or add setExpandOnKeyPressBackspaceOrKeyPressDelete :D

27 Aug 2014, 9:30 PM
when ever i am removing the selected value of combo and navigate to other field via mouse click then every thing is fine the value is set to blank. but when ever i am navigating to Other field of editable grid VIA " TAB" key then the previous selected value is set to combo instead of blank


header: "Settlement Tender",

sortable: false,
width:25 ,
lazyRender : false,
dataIndex: 'settlementTender',
editor: new Ext.form.ComboBox({
triggerAction: 'all',
emptyText: 'Select Field...',
fieldLabel: ' ',
labelSeparator: ' ',
editable: true,
forceSelection: true,
allowBlank: true,
beforeBlur: function(){

var value = this.getRawValue();
if(value == ''){
valueField: 'bankingLineId',
displayField: 'bankingLineId',
store: new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: url
reader: new Ext.data.JsonReader(
{ root: 'results', totalProperty: 'totalCount' },
['recNo', 'bankingLineId', 'description', 'functionType']
sortInfo: { field: 'recNo', direction: 'asc' },
//baseParams: { 'groupId': utilsObj.groupId, 'status': 1 },
remoteSort: true