Question

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

我正在努力正确配置href。

请帮帮我吗？

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

编辑：

小提琴：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);
            })
        }
    }
}]

Answer 2

我认为，你必须像这样编写href属性，因为你已经指定它是一个＆＃34; a＆＃34;标签

href: this.value

href链接显示字段值

2 个答案: