extjs - extjs4 でテキストフィールドの内容を表示する

Question

内容がある場合はテキストフィールドボックスの近くにテキストフィールドの値を表示し、空の場合は何も表示したくありません。どのように可能ですか？

Answer 1

たくさんのオプション。たとえば、Ext.dom.Element を使用できます。

Ext.onReady(function() {
    Ext.create('Ext.form.field.Text', {
        renderTo: Ext.getBody(),
        fieldLabel: 'Field',
        afterSubTpl: '<div id="my-field-sub-tpl"></div>',
        listeners: {
            change: function(field, val) {
                Ext.get('my-field-sub-tpl').setHTML(val);
            }
        }
    });
});

jsfiddle を参照してください: http://jsfiddle.net/hDRqS/

ただし、フィールドのプラグインとして実行することをお勧めします。その後、アプリケーションの任意のフィールドに適用できます: http://jsfiddle.net/hDRqS/1/