extjs - Sencha touch dataview 项目的事件处理程序

Question

平台：煎茶触控2.1

我试图通过数据视图中的项目调用一个事件，但作为一个新手无法弄清楚。

 {
    xtype: 'dataview',
    cls: 'ownprofile-top',
    itemId: 'profileOptions',
    store: { fields: ["name", { name: "optionsButtons", type: 'string' }],
    data: [
        { name: 'First Option', event: 'onFirstBtnTap' },
        { name: 'Second Option', event: 'onSecondBtnTap'},
        { name: 'Third Option', event: 'onThirdBtnTap'}
    ]
    },
    scrollable: null,
    cls: 'profile-item',
    itemTpl: new Ext.XTemplate(
    '{name}'
    )
}

因此，点击任一选项，我希望触发一个事件或调用另一种方法来执行 xyz。

Answer 1

您可以将侦听器添加到itemtap

{
    xtype: 'dataview',
    cls: 'ownprofile-top',
    itemId: 'profileOptions',
    store: { fields: ["name", { name: "optionsButtons", type: 'string' }],
    data: [
        { name: 'First Option', event: 'onFirstBtnTap' },
        { name: 'Second Option', event: 'onSecondBtnTap'},
        { name: 'Third Option', event: 'onThirdBtnTap'}
    ],
    listeners: {
       itemtap: function(dataview, index, target, record, e, eOpts) {
           //Do xyz
       }
    }
}

Answer 2

可能是，你需要在使用监听器吗？http://docs.sencha.com/touch/2.0.2/#!/api/Ext.mixin.Observable-method-addListener