0
私はSencha Touchでアプリケーションを荒削り処理中です。私はログインするための実際のロジックを追加して外部データをロードする前にカード間の動きが正しいことを確認しています。Sencha Touchどこでもクリックすると表示されるアクティブなアイテムが変更されます
私の問題は、どのビューがアクティブであるかにかかわらず、ビューのどこかをクリック/タップするとアクティブなアイテムがapp.views.buildingListに変更されるということです。
私はSencha Touch 1.1、Phonegap 1.3.0およびXCode 4(iOS 5 SDK)を使用しています。
すべての手がかりは高く評価されています。
Viewport.js
app.views.Viewport = Ext.extend(Ext.Panel, {
fullscreen: true,
layout: 'card',
cardSwitchAnimation: 'slide',
initComponent: function() {
Ext.apply(app.views, {
login: new app.views.Login(),
plantDetail: new app.views.PlantDetail(),
buildingList: new app.views.BuildingList()
});
Ext.apply(this, {
items: [
app.views.login,
app.views.plantDetail,
app.views.buildingList
]
});
app.views.Viewport.superclass.initComponent.apply(this, arguments);
}
});
Login.js
app.views.Login = Ext.extend(Ext.Panel, {
fullscreen: true,
dockedItems: [
{
dock : 'top',
xtype: 'panel',
height: 70,
html: '<img src="images/logo.jpg"/>'
},
{
xtype: 'textfield',
name : 'user',
placeHolder: 'Username',
cls: 'loginBox',
},
{
xtype: 'passwordfield',
name : 'password',
placeHolder: 'Password',
cls: 'loginBox'
},
{
xtype: 'button',
text : 'Login',
cls: 'standardButton',
listeners: {
'tap': function() {
Ext.dispatch({
controller: app.controllers.viewController,
action: 'index',
animation: {type:'slide', direction:'left'}
});
}
}
},
{
xtype: 'spacer',
html: '<div style="text-align: center; font-size: 14px; padding: 10px; margin-top: 10px;">Forgot Password?</div>'
},
{
xtype: 'button',
cls: 'standardButton',
text : 'Retrieve Password'
},
]
});
恐ろしく!ご協力いただきありがとうございます! – kevinstueber