ExtJS: Combobox in EditorGridPanel not selecting the desired item (with test case)

Posted by TomH on Stack Overflow See other posts from Stack Overflow or by TomH
Published on 2010-04-23T19:07:40Z Indexed on 2010/04/23 19:13 UTC
Read the original article Hit count: 1017

Filed under:

I'm using ExtJS to create an EditorGridPanel with a combobox for an editor in a cell.

The combobox in my EditorGridPanel that is not working as I'd expect it to.

When the user types the first letter of an item in the drop down list, the combobox seems to ignore it and select the first item in the list. I can reproduce the error consistently and have put together a test case here: http://cluebucket.com/dev/testcase/testcase.html

Load the page and reproduce the behavior by the following -- note that this is all done using the keyboard, no mouse clicks:

  1. Click 'Add Record' (A new row is added to the grid)
  2. enter text in the text field.
  3. TAB to the Priority field without selecting anything (None will remain selected)
  4. TAB out of the Priority field. (A new row is added to the grid)

  5. enter text and TAB to the Priority field

  6. TYPE v (Very High is selected)
  7. TAB out of the priority field (A new row is added to the grid)
  8. enter text and TAB to the Priority field
  9. Type v (None is selected, but Very High should have been)

  10. TAB out of the priority field

  11. Enter text and TAB to the priority field
  12. Type l ('el') (Low is selected)
  13. TAB out, enter text, TAB to priority
  14. Type l (None is selected)

It appears that whenever the user attempts to select the same value that was selected in the previous row, the combobox selects None.

Any ideas? The code is available at cluebucket.com/dev/testcase/js/testcase.js

Thoughts/Pointers/Corrections are appreciated!!

thanks

tom

© Stack Overflow or respective owner

Related posts about extjs