如何添加类似条款和条件的超链接Xtemplate？

Question

{ 
   xtype : 'label',     
   cls : 'termsandconditions',              
   html : ['<div>You are agreeing to our <a href="#" onclick="window.open("http://www.google.com", "_system");"> Terms and Conditions'] 
}

这正是我所做的。这是正确的方法吗？

Answer 1

没有正确的方法可以做到这一点，但使用component和autoEl属性似乎是最简单的方法。我这样用它：

{
    xtype  : 'component',
    type   : 'button',
    style  : {
        fontSize : '0.8em'
    },
    autoEl : {
        tag  : 'a',
        href : '#',
        html : 'Legal Notice'
    },
    listeners: {
        click: {
            element: 'el',
            fn: function(e)
            {
                window.open('/path/to/document', '_blank');
            }
        }
    }
}

Answer 2

嗨，最后一个工作，我喜欢这个。

{

xtype: 'component',

cls: 'termsandconditions',

tpl: [
    'You are agreeing to our ',
    '<a onclick="{termsLink}"> ',
    'Terms and Conditions',
    '</a>',
],
data: {
    termsLink: "window.open('http://www.google.com','_system');",                

}
}