ボタンを追加してビュー間を移動する

Question

1.）ボタンを2つ追加する必要があります。これまでの私の仕事は以下の通りです。ボタンは1つのみ表示されますが、このボタンの下に別のボタンイメージを持つ別のボタンを追加するにはどうすればよいですか？

2.）ユーザーがボタンをクリックすると、別の画面に移動する必要があります。これどうやってするの ？ 私は以下の目的コードの同等物が必要ですか？どのように私はiPhoneに示したナビゲーションバーと同等のナビゲーションバー（）

に第一の質問のためのコードを追加することができます

View1 *view1 = [[View1 alloc] initWithNibName:@"View1" bundle:nil]; 
      [self.navigationController pushViewController:View1 animated:YES]; 

3）。

{ 
       items:[ 
        { 
         xtype:'button', 
         text: 'Submit', 
         ui:'confirm', 
         handler: function(){ 
          var values = Ext.getCmp('contactForm').getValues(); 

          Ext.Ajax.request({ 

          url: 'http://loonghd.com/service/', 

          failure: function (response) { 
//do something 
      },        success: function (response) { 
                     // do something 
          } 

          }); 
         } 
        } 
       ] 

      } 

Answer 1

1）二つのボタンに他の以下の1つを得るために、フォームパネルのチャイルズとしてさまざまなUIプロパティを持つ2つの別々のボタン（）を追加することができます。私はこれがあなたが必要とするものだと思います。ただ、このような

、

.... 
    .... 
    items : [ 
     { 
     xtype:'button', 
     text: 'Submit', 
     ui:'confirm', // makes the button color as green 
     handler: function(){ 
      var values = Ext.getCmp('contactForm').getValues(); 
      Ext.Ajax.request({ 
       url: 'http://loonghd.com/service/', 
       failure: function (response) { 
         //do something 
        }, 

       success: function (response) { 
         // do something 
       } 
      }); 
      } 
      }, 
      { 
       xtype:'button', 
       text:'Second button', 
       ui:'decline', // makes the button color as red. 
       listeners : { 
        tap : function() { 
        Ext.Msg.alert('You just clicked Second button'); 
        } 
       } 
      } 
    ] 
    .... 
    .... 

2）3）あなたの2番目と3番目の質問については、navigationviewは、ソリューションです。 投稿されたソリューションはM-xですばらしいですが、非常に高度なレベルの例&も最初は分かりません。

easy solutionはです（Sencha Docsから）。

//create the navigation view and add it into the Ext.Viewport 
var view = Ext.Viewport.add({ 
    xtype: 'navigationview', 

    //we only give it one item by default, which will be the only item in the 'stack' when it loads 
    items: [ 
     { 
      //items can have titles 
      title: 'Navigation View', 
      padding: 10, 

      //inside this first item we are going to add a button 
      items: [ 
       { 
        xtype: 'button', 
        text: 'Push another view!', 
        handler: function() { 
         //when someone taps this button, it will push another view into stack 
         view.push({ 
          //this one also has a title 
          title: 'Second View', 
          padding: 10, 

          //once again, this view has one button 
          items: [ 
           { 
            xtype: 'button', 
            text: 'Pop this view!', 
            handler: function() { 
             //and when you press this button, it will pop the current view (this) out of the stack 
             view.pop(); 
            } 
           } 
          ] 
         }); 
        } 
       } 
      ] 
     } 
    ] 
}); 

Answer 2

多分ナビゲーションビューが役立ちますか？それは同じ考えですが、それはのUITableViewで始まるようなものだ：アプリ/コントローラ/ Application.jsで

http://docs.sencha.com/touch/2-0/#!/example/navigation-view

、連絡先をタップすると、詳細ビ​​ューがプッシュされます。すべてのソースはexamplesディレクトリにあります。

 
    onContactSelect: function(list, index, node, record) { 
     var editButton = this.getEditButton(); 

     if (!this.showContact) { 
      this.showContact = Ext.create('AddressBook.view.contact.Show'); 
     } 

     // Bind the record onto the show contact view 
     this.showContact.setRecord(record); 

     // Push the show contact view into the navigation view 
     this.getMain().push(this.showContact); 
    },