如何在锚标记中给予Handler或click事件

时间:2017-09-25 09:36:03

标签: javascript extjs

我正在使用box组件,并希望为锚标签提供处理程序。任何人都可以建议我这样做。在文档中没有得到框组件的处理程序

我的代码;

{   
      xtype: 'box',
      autoEl: {tag: 'a', href: '#', children: [{tag: 'div', html: 'Value'}]},
    },

我想点击框或a标记。

1 个答案:

答案 0 :(得分:2)

确实,框组件没有click事件,因此您需要将侦听器放在元素上,如下所示:

xtype: 'box',
autoEl: {tag: 'a', href: '#', children: [{tag: 'div', html: 'Value'}]},
listeners: {
    element: 'el',
    click: function() {
        alert('click');
    }
}

来自API docs

  

虽然一些Ext JS Component类导出了选定的DOM事件(例如   "点击","鼠标悬停"等),这通常只在额外的价值时完成   可以添加。例如,Ext.view.View的itemclick事件传递   点击该节点。直接从子级访问DOM事件   在Component的元素中,我们需要指定元素选项   标识Component属性以添加DOM侦听器。

小提琴:https://fiddle.sencha.com/#view/editor&fiddle/279k