Question about combobox config in designer

**Mango_lier** · 31 Mar 2010 7:02 AM

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"])
            })
            
        });

**aconran** · 31 Mar 2010 7:21 AM

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.

**Mango_lier** · 31 Mar 2010 7:32 AM

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

**aconran** · 31 Mar 2010 7:55 AM

Yes, take a look at your PM inbox.

**mclarry** · 1 Apr 2010 7:34 AM

Is possible to resize the combobox using ext designer?

**aconran** · 1 Apr 2010 11:37 AM

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

**Mango_lier** · 3 Apr 2010 10:17 AM

Originally Posted by Mango_lier

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.

**aconran** · 3 Apr 2010 11:12 AM

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.

**filippo.ferrari** · 7 Apr 2010 6:09 AM

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

**filippo.ferrari** · 7 Apr 2010 7:25 AM

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'
 }
...

Question about combobox config in designer

Thread Tools

Search Thread

Display

Hybrid View

Question about combobox config in designer

Question about combobox config in designer