L'ajout dynamique de extjs éléments de champ de conteneur

Je suis à l'aide d'un extjs champ conteneur pour ma demande d'où je avoir des précisions, des fonds, des personnes à charge sections du formulaire. Dans le fonds, & les personnes à charge de la section j'ai un bouton "ajouter un autre", qui vise à ajouter un nouvel élément de ligne à chaque fois lorsque le bouton est cliqué.

C'est la forme que j'ai créé
http://jsbin.com/evevod/4/edit

Je suis nouveau sur extjs4. Quelqu'un peut m'aider comment faire pour créer un élément de manière dynamique onclick.

OriginalL'auteur Ravi | 2012-02-22

  1. 10

    Ci-dessous est un exemple de gestionnaire.

    handler: function() {
    var container = this.up('fieldset');
    var config = Ext.apply({}, container.initialConfig.items[0]);
    config.fieldLabel = container.items.length + 1;
    container.add(config);
}

    Fondamentalement, il trouve composant parent qui détient les lignes (ce qui est fieldset), l'accès initialConfig propriété, trouve la première ligne de config (items[0]), rend la copie superficielle de config (Ext.apply) et l'ajoute à conteneur (container.add).

    Échantillon de travail: http://jsbin.com/evevod/6/edit#preview

    Merci, exactement ce que je cherche.
    Salut, j'ai mis en œuvre la même dans l'application, mais aux prises avec un problème. peut-on par défaut attribuer la carte d'identité pour les champs de personne à charge & fonds et sur la frappe de " ajouter un autre bouton (charge & fonds)point d'un nouveau code doit être généré de façon dynamique pour l'ensemble de la personne à charge & fonds de champs. par exemple, nous avons title1, fname1, lname1 pour la première série de champs et nous voulons avoir titre2, fname2, lname2, titre3, fname3, lname3 etc etc que les Id des champs supplémentaires
    Vous pouvez modifier les noms directement dans le gestionnaire ou vous pouvez créer une fonction qui va créer config pour la nouvelle ligne. Par exemple ici j'ai créé getDepConfig fonction.

    OriginalL'auteur Krzysztof

  2. 1

    On peut changer le nom des champs comme ceci:

    var container = this.up('fieldset'); 
var config = Ext.apply({}, container.initialConfig.items[0]);
config.fieldLabel = container.items.length+1;
config.items[0].name = 'fname' + config.fieldLabel;
config.items[1].name = 'lname' + config.fieldLabel;
config.items[2].name = 'title' + config.fieldLabel;

    OriginalL'auteur rgarg