1

私は Sencha Touch 2 の新しい開発者で、提供されている MVC アーキテクチャを使用して最初のアプリケーションを作成しようとしています。ページ間を移動するときに、ツールバー/タイトルバーのテキストが重なる問題が見つかりました。これらのスクリーンショットを見てください。

例 1

例 2

何が起こっているのかよくわかりません。アプリケーション間を移動するために animateActiveItem とルーティング メソッドを使用しています。

Users.js コントローラ ファイル、ログイン メソッド

// Ajax code here, not included here
// on ajax success:
this.redirectTo("login");

Routes.js コントローラー ファイル

routeLoginPage: function() {
    console.log("routeLoginPage");
    Ext.Viewport.animateActiveItem({ xtype: "loginpage" }, { type: "slide", direction: "left" });
},

誰かが本当にこのような問題に直面したことがありますか? この問題を 2 日以上解決しようとしていたため、今何をすべきかわかりません。

編集

基本的に、ビューとして定義されたページ間を移動する必要があります。プロパティを含むさまざまなファイルで各ビューを定義します:extend、require、alias、config、および私が定義したメソッド。すべての構成プロパティには、最初の項目としてタイトルバーが添付されています。

ページを変更しようとしているときに、アドレス ハッシュを変更するコントローラー コマンドで別のビューを読み込みます。その後、ルート コントローラーは、別のビューをロードする animateActiveItem メソッドを起動します (以前はエイリアス プロパティによって xtype として定義されていました)。

Sencha Touch の基本を学ぶために、Miami Coder のチュートリアル (miamicoder.com/2012/how-to-create-a-sencha-touch-2-app-part-1/) を使用していました。

4

3 に答える 3

1

ツールバーではなく、タイトルバーを意味していると思います...

Ext.Viewport.animateActiveItem ビュー間を移動するには、より良い方法ではなく、ナビゲーション ビューを使用します。ナビゲーション ビューを使用するには、sencha ドキュメントのこのガイドを使用してください...

ナビゲーション ビュー ガイド

于 2012-12-10T12:05:36.123 に答える
0

1つのパネルクラスに必要なビューを追加し、を使用して必要なビューを有効にすることができます

mainclass.setActiveItem(0)

または、ナビゲーションビューを使用します

于 2012-12-10T12:38:55.143 に答える
0
{
    xtype: 'navigationview',
    id: 'navView',
    navigationBar: {
        hidden: true
    }

}

上記のコードは、ナビゲーション ビューによって生成されたタイトル バーを非表示にします...次のように、独自のタイトル バーを定義する必要があります。

{
       xtype: 'titlebar',
       title: 'title',
       items: [
            {
                   xtype: 'button',
                   text: 'back',
                   listeners: [
                     {
                         fn: function(button){
                              Ext.getCmp('navView').pop();//this will pop the view and show previous view
                         },event: 'tap'

                     }
                   ]
            }
       ]



}

それが役に立てば幸い...

于 2012-12-11T05:37:54.853 に答える