これは私の最初の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}
]
});
スクリーンキャストを見たことさえない - リンクありがとう!これはGeoTweets(私が学ぶために使っているGeoCongressではありません)を参照していますが、とにかくそれを手がかりとして見るつもりです。それにもかかわらず、私は有効な1.0 APIドキュメントを参照しています。 –
これは「シンク」から外れていますか? –