Sencha touch 2 简单列表项

Sencha touch 2 简单列表项,sencha-touch-2,Sencha Touch 2,我有一个布局,我想在左窗格中显示列表项。如何显示列表项以及一些单击事件 { docked: 'left', style: 'background:#7b7b7b', html: 'Here I want to show Ext.List' } 我的列表项目包括主页、关于、用户、帮助

我有一个布局,我想在左窗格中显示列表项。如何显示列表项以及一些单击事件

{
                            docked: 'left',
                            style: 'background:#7b7b7b',
                            html: 'Here I want to show Ext.List'
                        }
我的列表项目包括主页、关于、用户、帮助。

您的列表..而不是“html:'这里我想显示Ext.List'”

使用侦听器,您可以创建一些tap事件

items: [
        { xtype: 'list',
            store: 'NaviStore',
            id: 'NaviList',
            itemTpl: '<div class="contact">{text}',
            scrollable: false,
            listeners:{
               itemtap: function (obj, idx, target){
                  alert(List is Clicked);
               }
            }
}]
你的模型

Ext.define('MyApp.model.NaviModel', {
extend: 'Ext.data.Model',
config: {
    fields: ['text']
}

});
Ext.define('MyApp.model.NaviModel', {
extend: 'Ext.data.Model',
config: {
    fields: ['text']
}

});