Extjs:点击'修改链接(<a>)'

Question

我使用Extjs BoxComponent创建了一个HTML链接(<a>),它工作得很好.但是,我希望能够在用户单击链接时更新属性,而不是使用与链接关联的固定URL .href

在下面的代码中,href当用户cliks链接时更新,我可以使用HTML元素上的FireBug来验证这一点.但新的页面打开却缺少我对此的补充href.

问题:修改href开启是否为时已晚,onClick是因为我正在href以错误的方式修改它？

代码:

xtype: 'box',
html: '<a href="www.google.com" target="_blank">Link to google</a>',        
listeners: {
    render: function (c) {          
        c.getEl().on(
            'click',
            function() {
                this.el.child('a', true).href = 'www.google.com/#q=' + some_dynamic_value;
            },
            c,
            { stopEvent: false }
        );
    }
}

Answer 1

看起来这可以通过使用mousedown事件而不是click事件来工作。

查看： http: //jsfiddle.net/sadkinson/rF5TQ/15/