html - 如何通过sencha touch中动态创建的按钮处理特定事件

标签 html extjs sencha-touch-2

我使用初始化函数动态创建了六个按钮,我还动态为每个按钮分配了不同的ID,我想处理每个按钮的事件,当我单击每个不同的按钮时,我收到第六个按钮ID的警报消息,如何处理特定的按钮事件。谢谢

Ext.define("DynamicButton.view.Main", {
extend: 'Ext.Panel',
initialize: function () {
var me = this;
me.names = ['Button1', 'Button2', 'Button3', 'Button4', 'Button5', 'Button6'];
var toolBar = Ext.create('Ext.Toolbar', {
docked: "bottom"
});
this.add(toolBar);

for (var i = 0; i < me.names.length; i++) {
var name = me.names[i];
var button = Ext.create('Ext.Button', {
id: 'Btn' + name,
html: name,
handler: function() {
alert(button.id);
},
scope: this
});
toolBar.add(button);
}
},
config: {
}
});

最佳答案

您还可以通过处理函数的参数访问该按钮:

handler: function (button, event) { 
    console.log(button.id);
}

如果您想更改范围,我可能会很有用。

希望这有帮助

关于html - 如何通过sencha touch中动态创建的按钮处理特定事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10948967/

相关文章:

node.js - 获取设备的移动速度

html - 具有绝对位置的按钮不会拉伸(stretch)到全宽

spring-mvc - Extjs 4 MVC - App.JS 找到我的 Controller 的相对路径问题 - 在带有 Spring MVC 的 WEB-INF 下

sencha-touch-2 - 在 Sencha touch 2 如何启用浏览器滚动条

javascript - 扩展工具栏项目监听器在溢出菜单中不起作用

javascript - 强制 extjs 组合框至少包含一项?

themes - Sencha Touch 2 标准主题?

javascript - 如何使用下拉菜单在 JavaScript 中实现多个过滤器

html - 为什么 !important 在 CSS 中不起作用?

html - 使用具有动态高度的CSS更改div的顺序,文本垂直居中对齐