1. #1
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    59
    Vote Rating
    0
    jlimaye is on a distinguished road

      0  

    Default multi-level combobox possible??

    multi-level combobox possible??


    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?

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,506
    Vote Rating
    288
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    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.

    Code:
    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: []}
                    ]
                }
            });
        }
    });

  3. #3
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    59
    Vote Rating
    0
    jlimaye is on a distinguished road

      0  

    Default


    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??

  4. #4
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,506
    Vote Rating
    288
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    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.

  5. #5
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    59
    Vote Rating
    0
    jlimaye is on a distinguished road

      0  

    Default


    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?

Thread Participants: 1