extjs - 文本框值在 ext js 3 中查看为 url

Question

我有 ExtJs 文本框。我想将文本框值视为 URL。但 url 视图作为痛苦文本。我想在文本框中查看 url。我提交的文本如下

MyTextField3Ui = Ext.extend(Ext.form.TextField, {
    fieldLabel: 'Web Site',
    anchor: '100%',
    boxMaxWidth: 500,
    readOnly: true,
    id: 'website',
    initComponent: function() {
        MyTextField3Ui.superclass.initComponent.call(this);
    }
});

我对 ExtJs 很陌生，很抱歉问每个小问题。请帮帮我。谢谢

Answer 1

最好的方法是从 Ext.BoxComponent 而不是 Ext.form.TextField 定义一个小部件，并像这样注册一些 xtype。 Ext.reg('hreffield', "extended class name will go here"); 并在扩展类中定义一个属性 defaultAutoCreate : {tag: "div"/"text" whatever you like}, ，这将允许您进行更改。

用法将是

xtype: "hreffield",
id: "myid",
fieldLabel: "link",
width: 200,
tabIndex: 1,
value: "google.com"