javascript - 显示字段值上的 href 链接

Question

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

我正在努力正确配置 href。

你能帮我一下吗？

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

编辑:

fiddle :https://fiddle.sencha.com/#fiddle/13u0

Answer 1

最好使用“click”监听器事件而不是使用 autoEl。您可以添加 fieldCls 配置以便为值设置样式。

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