リストとフォームのあるext js 4.0 hbox？

Question

私はExtJSに4.0とリストとフォームを含むのhboxレイアウトを作成しようとしているに新しいですが、フォームが正しく表示されない、唯一のラベルが表示されますが、テキストフィールドが表示されていない、コード

Ext.define("Screener.view.PharmacyView", { 
    extend: 'Ext.Container', 

requires : [ 'Screener.view.Pharmacyform' ], 

    xtype: 'pharmacylist', 
    config: { 
     fullscreen: true, 
     layout: 'hbox', 
     title: 'Patient Assignments', 
     items: [ 

       //our patient list is built on the Patients store, and has a title and sort button 
       {     
        xtype: 'list', 
        id: 'patientList', 

        itemTpl: '{lastname}, {firstname}', 
        store: Ext.create('Screener.store.Patients',{ 
         storeId: 'patientStore' 

        }), 

        items:[{ 
         xtype: 'titlebar', 
         docked: 'top', 
         title: 'Patients', 
         items:[{ 
          xtype: 'button', 
          text: 'Sort', 
          id: 'sortButton', 
          align: 'left' 
         }] 
        }], 
        flex:1, 

       }, 


      {xtype : 'pharmacyform', 
      flex:2 


      } 
       ] 
    } 

}); 

を是正してください

と

はExt.define（ "Screener.view.Pharmacyform"、{

xtype:'pharmacyform', extend: 'Ext.form.Panel', config:{ items: [ 
    { 
     xtype: 'textfield', 
     name : 'name', 
     label: 'Name', placeholder: 'nametext' 
    }, 
     ]}  }); 

Answer 1

次のn次のように形式はエイエドは自分のxtypesを宣言するためにエイリアス設定を使用すると思います。これを試してください

Ext.define("Screener.view.Pharmacyform", { 
     extend: 'Ext.form.Panel', 
     alias:'widget.pharmacyform',