multi-level combobox possible??

[jlimaye]

Im trying to have a combobox in my viewport which contains, say 2/3 level list. I can select the leaf entry and on select I execute my logic. How can I get a combobox like that?

[skirtle]

It's certainly possible but I think it'll need a little work.

One way would be to use a custom template on the boundlist. Specify an override to getInnerTpl in the listConfig.

Another alternative is the TreeCombo approach. It isn't really a combobox but it's similar. Here's a starting point if you want to go down that route.

Ext.create('Ext.form.field.Picker', {
    renderTo: Ext.getBody(),

    createPicker: function() {
        return Ext.create('Ext.tree.Panel', {
            hidden: true,
            floating: true,
            minHeight: 300,
            root: {
                expanded: true,
                text: 'Root',
                children: [
                    {text: 'Child 1', children: []},
                    {text: 'Child 2', children: []},
                    {text: 'Child 3', children: []}
                ]
            }
        });
    }
});

[jlimaye]

Hi,
I tried the tree approach earlier but I need something like this -

combobox.PNG
This is what Im searching for. I couldnt find anything, is this possible?? How can I do that??

[skirtle]

For that style of UI I'd try using a menu bound to a picker. Similar to the TreeCombo approach but using an Ext.menu.Menu. Menus have built in support for sub-menus, which look just like the picture you posted.

[jlimaye]

While checking out, I came across 'Ext.ux.grid.menu.ListMenu' . Can I use this for my multi-level menu?? Didnt get to see an example of this. Where can Iget a sample of this?