Javascript 显示字段值上的href链接

我的应用程序有一个显示数据的表单，带有一个displayfield。 此显示字段显示网站链接，值为href链接

我正在努力正确配置href

你能帮帮我吗

{
  xtype: 'displayfield',
  fieldLabel: 'Web/URL',
  name: 'URL',
  autoEl: {
          tag: 'a',
          href: '',
       // href: '<a href="'+ this.value +'">'+ this.value +'</a>',
          target: '_blank'
  }
}

{
xtype:'displayfield'，
fieldLabel:“Web/URL”，
名称：“URL”，
autoEl：{
标签：“a”，
href:“”，
//href:“”，
目标：“\u blank”
}
}

编辑：

---

Fiddle:

我认为，您必须这样编写href属性，因为您已经指定它是一个“a”标记

---

href:this.value

最好使用“单击”侦听器事件，而不是使用autoEl。您可以添加fieldCls config，以便为值设置样式

items: [{ 
    xtype: 'displayfield', 
    fieldLabel: 'Displayfield',
    labelWidth: 100,
    name: 'link',
    value: 'http://stackoverflow.com',
    fieldCls: 'style-for-url', // class for url
    listeners: {
        afterrender: function(view) {
            // Listener for onclick
            view.getEl().on('click', function() {
                window.open(view.value);
            })
        }
    }
}]

---

谢谢你。你的建议在我的情况下不起作用（链接消失）。我在我的帖子中插入了一个提琴，谢谢。科海。很好。