sencha-touch-2 - 単純なリスト項目

Question

左ペインにリスト項目を表示したいレイアウトがあります。クリックイベントとともにリスト項目を表示するにはどうすればよいですか?

{
                            docked: 'left',
                            style: 'background:#7b7b7b',
                            html: 'Here I want to show Ext.List'
                        }

マイ リストの項目は、ホーム、概要、ユーザー、ヘルプです。

Answer 1

あなたのリスト..「html：「ここでExt.Listを表示したい」」の代わりに

リスナーを使用すると、いくつかのタップイベントを作成できます

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.store.NaviStore', {
extend: 'Ext.data.Store',
requires: 'MyApp.model.NaviModel',
config: {
    model: 'MyApp.model.NaviModel',
    data: [
        { text: 'Item1'},
        { text: 'Item2'},
        { text: 'Item3'},
        { text: 'Item4'}
    ],
    autoLoad: true
}
});

あなたのモデル

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

});