Dynamique des champs de formulaire sur le changement de zone de liste déroulante Dans extjs 4

J'ai un combobox et maintenant, je veux créer une dynamique textfields sur le changement de cette zone de liste déroulante dans Extjs 4 et je suis de la structure Mvc de Extjs .
Mycombo est ci-dessous

        {
                                    xtype : 'combo',
                                    store : 'product.CategoryComboBox',
                                    name: 'category',
                                    id:'category',
                                    displayField: 'name',
                                    valueField: 'idProductCategory',
                                    multiSelect : false,
                                    fieldLabel: 'Category',
                                    allowBlank: false,
                                    allowQueryAll : false,
                                    forceSelection : true,
                                    typeAhead: true,
                                    triggerAction: 'all',
                                    delimiter : ',',
                                    width: 300,
                                    queryMode:'local',
                                    listeners:{select:{fn:function(combo, value) {}
}

OriginalL'auteur anupkumar | 2013-02-06

  1. 3

    Vous pouvez ajouter un jeu de champs comme ceci à votre formulaire

    {
    xtype: 'fieldset',
    itemId: 'field_container',
    layout: 'anchor',
    border: 0,
    style: { padding: '0' },
    fieldDefaults: {
        //field defaults
    },
    defaultType: 'textfield'
}

    ainsi, lorsque la zone de liste déroulante de ses changements de valeur que vous venez de faire ce qui suit

    var container = this.down('fieldset[itemId="field_container"]');
container.removeAll();
var fieldsToAdd = [
    { name: 'field1', xtype: 'textfield', value: 'xxxxxx' },
    { name: 'field2', xtype: 'textfield', value: 'yyyyyyy' }
];
container.add(fieldsToAdd);

    de cette façon, vous pouvez décider de ce que les fieldsToAdd contient basé sur la zone de liste déroulante valeur.

    OriginalL'auteur Diego L Espiñeira

  2. 2

    Définir un id de la zone de texte, puis configurer le listeners propriété de votre combo comme suit : 

    listeners: {
    change: function (combo, value) {
        Ext.get('idOfYourTextfield').setValue(value);
    }
}
    Merci pour la réponse si peu de temps,mais je n'ai pas de txt champ encore créé,je le veux créer dynamiquement sur le changement de zone de liste déroulante des options.

    OriginalL'auteur leaf

  3. 0

    Champ contenant permet d'avoir plusieurs champs de formulaire sur la même ligne, alors vous pourriez le faire:

    {
    xtype: 'fieldcontainer',
    layout: 'hbox',
    items: {
        xtype: 'combo',
        //your config here
        listeners: {
            change: function () {
                this.up('fieldcontainer').add({
                    xtype: 'textfield',
                    value: this.getValue()
                });
            }
        }
    }
}

    Modifier

    Je suppose que vous aurez besoin de tester si le champ de texte existe déjà:

    change: function () {
    var ct = this.up('fieldcontainer'),
        textField = ct.down('textfield');
    if (textField) {
        textField.setValue(this.getValue());
    } else {
        ct.add({
            xtype: 'textfield',
            value: this.getValue()
        });
    }
}

    OriginalL'auteur leaf