Hybrid View

  1. #1
    Sencha User Mango_lier's Avatar
    Join Date
    Apr 2007
    Posts
    195
    Vote Rating
    0
    Mango_lier is on a distinguished road

      0  

    Default Question about combobox config in designer

    Is it possible to specify the following code config in designer.
    Code:
            var City = new Ext.form.ComboBox({
                emptyText: "Please enter City",
                fieldLabel: "City",
                name: "City",
                hiddenName: "City",
                valueField: "ID",
                displayField: "City",
                editable: false,
                mode: "local",
                triggerAction: "all",
                anchor: "95%",
                store: new Ext.data.Store({
                    reader: new Ext.data.JsonReader({
                        root: "City",
                        id: "ID"
                    },
                    ["ID", "City"])
                })
                
            });

  2. #2
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    The following configurations are missing for ComboBox.
    valueField, displayField, editable, triggerAction

    Thanks for the quick test, we'll get these in the next version and yes this entire thing could be done via the designer.
    Aaron Conran
    @aconran

  3. #3
    Sencha User Mango_lier's Avatar
    Join Date
    Apr 2007
    Posts
    195
    Vote Rating
    0
    Mango_lier is on a distinguished road

      0  

    Default

    Thanks. Any possibility to reset the trial period, 1.0.0.5 is the first working revision on my machine.

  4. #4
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    Yes, take a look at your PM inbox.
    Aaron Conran
    @aconran

  5. #5
    Sencha User mclarry's Avatar
    Join Date
    Mar 2010
    Posts
    2
    Vote Rating
    0
    mclarry is on a distinguished road

      0  

    Default

    Is possible to resize the combobox using ext designer?

  6. #6
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    Yes, ComboBox's are width resizable (not height resizable) under the following restrictions.
    • Not used in an anchor/form layout
    • not used in a fit layout
    • Not within an EditorGrid Column
    Aaron Conran
    @aconran

  7. #7
    Sencha User Mango_lier's Avatar
    Join Date
    Apr 2007
    Posts
    195
    Vote Rating
    0
    Mango_lier is on a distinguished road

      0  

    Default

    Quote Originally Posted by Mango_lier View Post
    Is it possible to specify the following code config in designer.
    Code:
            var City = new Ext.form.ComboBox({
                emptyText: "Please enter City",
                fieldLabel: "City",
                name: "City",
                hiddenName: "City",
                valueField: "ID",
                displayField: "City",
                editable: false,
                mode: "local",
                triggerAction: "all",
                anchor: "95%",
                store: new Ext.data.Store({
                    reader: new Ext.data.JsonReader({
                        root: "City",
                        id: "ID"
                    },
                    ["ID", "City"])
                })
                
            });
    I know few things are not supported in Designer yet but How do I specify the above in xtypes. Specifically the store part of it.

  8. #8
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    Mango -

    After creating a store on the stores tab, you can link the store to the combobox.

    The generated code will use the storeId of the store and link it to the ComboBox through that method.
    Aaron Conran
    @aconran

  9. #9
    Sencha User filippo.ferrari's Avatar
    Join Date
    Apr 2010
    Location
    Sanremo - Italy
    Posts
    126
    Vote Rating
    1
    filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute

      0  

    Default

    One more on comboboxes... does Designer will support 'listeners' and onSelect?

    A configuration like this will be managed by designer?

    Code:
    searchChiamanti = new Ext.form.ComboBox({
            fieldLabel: 'Chiamante',
            id: 'nome_chiamante',
            name: 'nome_chiamante',
            allowBlank: false,
            minLenght: 3,
            maxlenght: 50,
            store: dsChiamanti,
            displayField:'chiamante',
            valueField: 'chiamante',
            //typeAhead: false,
            loadingText: 'Ricerca in corso...',
            anchor:'95%',
            hideTrigger:true,
            triggerAction: 'all',
            tpl: resultTplChiamanti,
            itemSelector: 'div.combo-result-item',
            listeners: {
                  'focus': function() {  
                        do something...
                  },
                  'click': function() {  
                        do something...
                  },
                  'blur': function() { 
                        do something...
                  }
            },
            onSelect: function(record){
                        do something more...
            }
    
        });
    A suggestion how manage what you "don't want to manage" with designer, the ability to add a custom piece of code in the configuration of an element a key->value entry that the designer simply record and print in the exported files.

    Something like:

    | key | value |
    | listeners | 'the js/extjs code I want to assign to the listeners section...' |

    This method gives to Designer a little IDE support for basic action based on element.

    Very sorry for my english but I want to give you my contribution too.

    Regards

  10. #10
    Sencha User filippo.ferrari's Avatar
    Join Date
    Apr 2010
    Location
    Sanremo - Italy
    Posts
    126
    Vote Rating
    1
    filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute filippo.ferrari has a reputation beyond repute

      0  

    Default

    I've read only now this:

    Code:
     * This file was generated by Ext Designer version 1.0.0.
     * http://www.extjs.com/products/designer/
     *
     * This file will be generated the first time you export.
     *
     * You should implement event handling and custom methods in this
     * class. 
     */
    
    ChiamateViewport = Ext.extend(ChiamateViewportUi, {
        initComponent: function() {
            ChiamateViewport.superclass.initComponent.call(this);
        }
    });
    Could you tell me the way to do this?

    In my element ChiamateViewport I've all my sub elements, one is my combobox and I want to "attach" listeners and onLoad actions...

    This is the generated script in the .ui.js file:
    Code:
    ...
    {
        xtype: 'combo',
        fieldLabel: 'Chiamante',
        anchor: '100%',
        tabIndex: 1,
        allowBlank: false,
        loadingText: false,
        mode: 'remote',
        store: 'store-chiamanti',
        emptyText: 'Cerca Chiamante...',
        selectOnFocus: true,
        id: 'ricerca-chiamante'
     }
    ...