View Full Version : floating list in extjs

20 Oct 2010, 7:13 PM

is anyone here aware of any floating list plugin?

I want to build a 2-tier drop down list for the extjs ComboBox. If the user clicks an item in the parent list, a child list will show up on the right hand side of the clicked item, just like a 2-tier menu.

has anyone done anything like this before? what may be the best way to achieve this? I am thinking of building a floating list, so that the second tier sublist will be triggered if the user clicks the item in the parent list.

thanks in advance for any help!


20 Oct 2010, 9:34 PM
This sounds like you should actually use a Menu.

Create your own TriggerField subclass which shows a Menu aligned "tl-bl" onTriggerClick

20 Oct 2010, 11:00 PM
Or possibly a TreeCombo. There is an example posted somewhere.

21 Oct 2010, 4:29 AM

I found the tree example, but it did not seem to offer what I want.
http://www.sencha.com/forum/showthread.php?27269-2.x-ComboBox-Tree ?

I probably need to figure out how to replace the default comboBox dropdown list with multi level menus so that the type ahead search results could be displayed on the menus.


21 Oct 2010, 4:38 AM
You would have to create a subclass of TriggerField.

Its onTriggerClick method would display the Menu.

Menus are easily created and displayed - that's all well documented.