DockedItemsがプレビューに表示されない

Question

ドッキングされたアイテムがプレビューに表示されない理由は何ですか？ここにコードがあります。

Ext.setup({ 
    onReady:function(){ 
     var top_toolbar= [{ 
      xtype:'toolbar', 
      ui:'dark', 
      dock:'top', 
      title:'Login Form' 
     }] 
     var loginForm = new Ext.form.FormPanel({ 
      items:[{ 
       xtype:'fieldset', 
       items:[{ 
        xtype:'textfield', 
        label:'Username', 
        name:'u_name', 
        labelWidth:100 
       },{ 
        xtype:'passwordfield', 
        label:'Password', 
        name:'u_password', 
        labelWidth:100 
       }] 
      }] 
     }); 
     var formPanel=new Ext.Panel({ 
      fullscreen:'true', 
      layout:'fit', 
      dockedItems:top_toolbar, 
      items:[loginForm] 
     }); 
    } 
}); 

私は、ユーザー名とパスワードのテキストフィールドに、ログインページを作成しようとタイトル「ログインフォーム」を持っている上にドッキングしたツールバーを含める必要がありいます。プレビューではラベル付きのテキストフィールドが表示されますが、ツールバーは表示されません。コードに間違って何かしていますか？

ご協力いただければ幸いです。前もって感謝します。

Answer 1

dockedItemsの設定はSencha Touch 2で廃止されました。互換レイヤーを含まないバージョンのフレームワークを使用している場合、その設定は機能しません。

代わりに、ドッキングされたアイテムを含むすべてのアイテムをitemsアレイ内に配置します。

他のいくつかの注意事項：

• dock
  がdocked
• Ext.form.FormPanelに変更されているあなたが代わりにnewキーワードのExt.create()を使用する必要がありますExt.form.Panel
• に変更されました。つまり、Ext.Loaderと依存関係管理を利用できます。あなたはここでそれについての私達のより多くの情報を見つけることができます。http://docs.sencha.com/touch/2-0/#!/guide/class_system

をそして最後に、ここにあなたがすべてのこれらの変更を実装する場合、あなたのコードがどのように見えるべきかです：

Ext.setup({ 
    onReady:function(){ 
     var loginForm = Ext.create('Ext.form.Panel', { 
      items: [ 
       { 
        xtype: 'fieldset', 
        items: [ 
         { 
          xtype: 'textfield', 
          label: 'Username', 
          name: 'u_name', 
          labelWidth: 100 
         }, 
         { 
          xtype: 'passwordfield', 
          label: 'Password', 
          name: 'u_password', 
          labelWidth: 100 
         } 
        ] 
       } 
      ] 
     }); 

     var formPanel = Ext.create('Ext.Panel', { 
      fullscreen:'true', 
      layout:'fit', 
      items: [ 
       { 
        xtype: 'toolbar', 
        ui: 'dark', 
        docked: 'top', 
        title: 'Login Form' 
       }, 
       loginForm 
      ] 
     }); 
    } 
}); 

は、この情報がお役に立てば幸いです。