2010-11-30 10 views
2

これは私の最初のSencha Touchアプリであり、そのアプリのレイアウト機能の背後にある前提は私が達成したいと思うものに似ているので、GeoCongress.us Appのコードと非常によく似ています。Sencha Touch:List ItemTapイベント発生

でも、itemtapイベントに応答するListオブジェクトを取得する際に問題が発生しています。私の目的は、SetsScreenレベルのitemtapイベントをキャプチャし、私のAppオブジェクトが聞く私のカスタムイベントを発動し、Appはタップされたアイテムに基づいて新しいカードを表示するプロセスを処理できます。

まず、SetsScreenオブジェクト(少なくともその関連部分):ここで

DataSets.views.SetsScreen = Ext.extend(Ext.Panel, { 
    cls: 'sets-screen', 
    layout: 'card', 

    initComponent: function() { 
     // Build the main content list and add it to the main scren 
     this.setsList = new DataSets.views.SetsList({ 
      scroll: false 
     }); 
     this.setsList.on('itemtap', this.onListItemTap, this); 

     this.main = new Ext.Container({ 
      scroll: true, 
      items: [this.setsList] 
     }); 

     this.items = [this.main]; 
     DataSets.views.SetsScreen.superclass.initComponent.call(this); 
    }, 

    onListItemTap: function(dv, index, item, e) { 
     alert('Test'); 
    } 
}); 

は私SetsListオブジェクト(ここでは本当に素晴らしい何もない)である:

DataSets.views.SetsList = Ext.extend(Ext.List, { 
    itemSelector: '.sets-list-item', 
    singleSelect: true, 

    initComponent: function() { 
     this.store = DataSets.stores.Sets; 
     this.itemTpl = Ext.XTemplate.from('sets-list'); 

     DataSets.views.SetsList.superclass.initComponent.call(this); 
    } 
}); 

そしてSetsオブジェクトが何もありませんクイックデータモデルとExt.data.Store:

Ext.regModel('Sets', { 
    idProperty: 'id', 
    fields: [ 
     'title', 
     'last_updated', 
     'current_value' 
    ] 
}); 

DataSets.stores.Sets = new Ext.data.Store({ 
    model: 'Sets', 
    data: [ 
     {id: 0, title: 'Weight', last_updated: new Date('11/28/2010 00:00:00 AM GMT-0600'), current_value: 145}, 
     {id: 1, title: 'Cups of Coffee', last_updated: new Date('11/28/2010 07:00:00 AM GMT-0600'), current_value: 1} 
    ] 
}); 

答えて

1

オハイオ州の男 - 私はこの答えを見つけたが、非常にあいまいなタイプミスがこれを防ぐのは唯一のものであった。

Ext.List()は、「タップ」に合格した要素を特定するために、そのプロパティのitemSelectorを使用します。私のitemSelector.sets-list-itemに設定されましたが、テンプレートは<div class="set-list-item">でした。テンプレートを修正し、itemtapが期待どおりに発砲しています。

0

012リリースノートで変更されたAPIの一部と古いスクリーンキャストが同期していないため、updated screencastを見る必要があるかもしれません。

+0

スクリーンキャストを見たことさえない - リンクありがとう!これはGeoTweets(私が学ぶために使っているGeoCongressではありません)を参照していますが、とにかくそれを手がかりとして見るつもりです。それにもかかわらず、私は有効な1.0 APIドキュメントを参照しています。 –

+0

これは「シンク」から外れていますか? –

関連する問題