在extjs4中显示文本字段的内容

我想在textfield框附近显示textfield的值，如果它有一些内容，并且当它为空时不显示任何内容。怎么可能呢

有很多选择。例如，可以使用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);
            }
        }
    });
});

Ext.onReady（函数（）{
Ext.create（'Ext.form.field.Text'{
renderTo:Ext.getBody（），
fieldLabel:'字段'，
后包装：''，
听众：{
更改：功能（字段，val）{
Ext.get（'my-field-sub-tpl'）.setHTML（val）；
}
}
});
});

请参见JSFIDLE上的：

---

但最好将其作为该领域的插件，这样它就可以应用于您应用程序的任何领域：

您尝试过什么？