Sencha触摸dataview事件处理程序的项目

时间:2013-04-16 07:21:44

标签: extjs touch dataview

平台:Sencha Touch 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。

2 个答案:

答案 0 :(得分:2)

您可以向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
       }
    }
}

答案 1 :(得分:1)