Quel est le meilleur moyen pour afficher le texte juste après un TextField?

Je suis de la création d'un formpanel avec des objets créés par l'intermédiaire de xtype (pas à l'appel de nouveau pour chacun de ces éléments).
Je voudrais ajouter une précision à la droite du Champ de texte.

J'ai réussi à le faire en définissant une CompositeField contenant la zone de texte + un Panneau standard, mais est-il une meilleure façon, comme une propriété dans le TextField j'aurais raté ou une meilleure alternative ?

Merci pour votre aide ! 🙂

new Ext.form.FormPanel ({
    'id':                   'create-form',
    'header':               true,
    'headerAsText':         true,
    'hideCollapseTool':     true,
    'title':                'New Component',
    'width':                550,
    'style':                'margin: 100px auto',
    'labelWidth':           200,
    'items': [
        {
            'items': [
                {
                    'xtype':            'textfield',
                    'fieldLabel':       'Duration (in hours)',
                    'name':             'name'
                }
            ]
        }
    ]
});

OriginalL'auteur Cyril N. | 2011-04-07

  1. 6

    Si vous en avez besoin pour un champ, un CompositeField est très bien. Cependant, avez-vous vraiment besoin d'un tout nouveau Panel pour le texte - n'est-ce pas régulier Label suffit-il?

    Si vous avez besoin d'un plus réutilisable solution, avoir un regard sur le fieldTpl option de configuration de FormLayout. Vous pouvez modifier le modèle et ajouter une section spéciale après le champ, dans laquelle afficher les informations supplémentaires.

    Merci pour l'idée de l'utilisation d'une Étiquette à la place. Je vais essayer celui-là.

    OriginalL'auteur Tommi

  2. 3

    Je ne suis pas au courant d'une propriété qui va faire ce que vous voulez avec un panneau sur la droite. Si c'est quelque chose que vous faites plus d'une fois, cependant, envisager de faire votre propre type:

    Ext.ns('Ext.ux.form');

Ext.ux.form.DurationField = Ext.extend(Ext.form.CompositeField, {
  constructor: function(cfg) {
    cfg = Ext.applyIf(cfg || {}, {
      items: [ /** blah blah */ ]
    });
    Ext.ux.form.DurationField.superclass.constructor.call(this, cfg);
  }
});

Ext.reg('durationfield', Ext.ux.form.DurationField);

    Qui vous permettra d'utiliser durationfield comme si c'était un citoyen de première classe.

    Votre réponse est grande et la, ce serait parfait, mais j'ai beaucoup d'autres détails à régler à la droite (heures était juste un exemple, désolé je n'ai pas été plus précis :/). Je vous ai donné un +1 pour l'idée :). merci!

    OriginalL'auteur wombleton

  3. 2

    Vous pouvez également utiliser un Ext.forme.DisplayField (xtype displayfield) à l'intérieur de votre champ composite pour afficher un texte statique.

    OriginalL'auteur Stefan Gehrig