Was ist der beste Weg, um text nur nach einem TextField?

Ich bin momentan dabei, ein formpanel mit items erstellt, die über xtype (Aufruf nicht neu für jeden Artikel).
Ich möchte noch hinzufügen, a Präzision auf der rechten Seite des TextField.

Habe ich es geschafft, es zu tun, indem ein CompositeField mit dem TextField + ein standard-Panel, aber gibt es eine bessere Art und Weise, wie eine Eigenschaft der TextField-ich würde verpasst haben, oder eine bessere alternative ?

Vielen Dank für Ihre Hilfe ! 🙂

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

InformationsquelleAutor Cyril N. | 2011-04-07

  1. 6

    Wenn Sie benötigen es für ein Feld nur eine CompositeField ist in Ordnung. Aber brauchen Sie wirklich eine ganz neue Panel für den text - wäre das nicht eine regelmäßige Label ausreichen?

    Wenn Sie brauchen eine wiederverwendbare Lösung, haben Sie einen Blick auf die fieldTpl config option von FormLayout. Sie könnte ändern Sie die Vorlage und fügen Sie eine spezielle Abteilung, die nach dem Feld, in die Darstellung der zusätzlichen Informationen.

    Vielen Dank für die Idee über ein Label statt. Ich werde versuchen, dass man.

    InformationsquelleAutor Tommi

  2. 3

    Ich bin mir nicht bewusst, eine Eigenschaft, die werde tun, was Sie wollen, mit einem panel auf der rechten Seite. Wenn es etwas, was Sie tun, mehr als einmal, obwohl, sollten Sie Ihren eigenen Typ:

    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);

    Das wird lassen Sie durationfield als wäre es ein first class citizen.

    Deine Antwort ist Super und wäre perfekt, aber ich habe viele andere details zum set an der rechten (Stunden war nur ein Beispiel, leider war ich nicht mehr genau :/). Ich gab dir ein +1 für die tolle Idee :). danke!

    InformationsquelleAutor wombleton

  3. 2

    Können Sie auch ein Ext.form.DisplayField (xtype displayfield) in Ihrer zusammengesetzten Felds für die Anzeige von statischen text.

    InformationsquelleAutor Stefan Gehrig

Schreibe einen Kommentar