1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    2
    Vote Rating
    2
    kameradpolizei is on a distinguished road

      2  

    Default Ext.ux.form.combo.Grouping

    Ext.ux.form.combo.Grouping


    Ext JS 4.1.3 plugin, which allows using groups in Ext.form.field.ComboBox

    To enable plugin, just put it in your Ext UX folder.

    Usage example:
    Code:
    var food = [{
                title: 'Cheesecake Factory',
                cuisine: 'American'
            },{
                title: 'University Cafe',
                cuisine: 'American'
            },{
                title: 'Slider Bar',
                cuisine: 'American'
            },{
                title: 'Shokolaat',
                cuisine: 'American'
            },{
                title: 'La Strada',
                cuisine: 'Italian'
            },{
                title: 'Buca di Beppo',
                cuisine: 'Italian'
        }];
    
    
        Ext.define('Restaurant', {
            extend: 'Ext.data.Model',
            fields: ['title', 'cuisine']
        });
    
    
        var store = Ext.create('Ext.data.Store', {
            groupField: 'cuisine',
            autoDestroy: true,
            model: 'Restaurant',
            data: food
        });
    
    
        Ext.create('Ext.form.field.ComboBox', {
            fieldLabel: 'Select a restaurant',
            renderTo: Ext.getBody(),
            plugins: ['grouping'], //Add Ext.ux.form.combo.Grouping plugin
            displayField: 'title',
            width: 320,
            labelWidth: 130,
            store: store,
            queryMode: 'local',
            typeAhead: true
        });

    How it looks:
    1.jpg

    Plugin GitHub page: https://github.com/kamerad/groupingcombo/

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,007
    Vote Rating
    458
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Thank you for the contribution.

    Few thoughts .. bold the groups and/or perhaps indent the items?
    I notice the italic, but it does not stand out unless you are looking.

    Scott.

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    2
    Vote Rating
    2
    kameradpolizei is on a distinguished road

      0  

    Default


    Thank you for feedback and good advice on highlighting groups!

  4. #4
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    303
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    great extension, I'm sure it will be useful for many people! Thanks for your works!
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

Thread Participants: 2