Question

我想创建一个在div中包含多个标记的自定义组件。

我希望ExtJS控制器监听点击事件，并根据点击的标记链接做出回应。

以下示例代码。任何想法都会受到欢迎。

Ext.onReady(function() {
    Ext.create('Ext.container.Viewport', {
        renderTo: Ext.getBody(),
        layout: 'fit',
        items: [{
            xtype: 'container',
            layout: {
                type: 'hbox',
                align: 'middle'
            },
            items: [{
                xtype: 'component',
                html: '<div>' +
                        '<ul>' +
                            '<li><a class="one">One</a></li>' +
                            '<li><a class="two">Two</a></li>' +
                            '<li><a class="three">Three</a></li>' +
                        '</ul>' +
                    '</div>',
                listeners: {
                    click: function(event) {
                        alert(event);
                    }
                }
            }]
        }]
    });
});

Answer 1

您需要在id课程中添加<ul>才能访问其<li>。请参阅下面的示例，即javascript，而不是Extjs控制器，我不知道您是否真的需要Extjs控制器。

http://jsfiddle.net/88rEA/

你可以操纵event.target以获得你想要的值（innerText，innerHtml，name，...）

在ExtJS 4.2中，如何让控制器监听点击<a> tag</a>

1 个答案: