href link 显示字段值

Question

我的应用程序有一个用于显示数据的表单，带有一个显示字段。此显示字段显示网站 links 并且值为 href link.

我正在努力正确配置 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

我想，你必须这样写 href 属性，因为你已经指定它是一个 "a" 标签。

href: this.value

Answer 2

最好使用 'click' 侦听器事件而不是使用 autoEl。您可以添加 fieldCls 配置以设置值的样式。

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

href link 显示字段值

href link on displayfield value

javascript

url

extjs

extjs5