sencha-touch - 带有列表和表单的 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

你需要使用别名配置来声明你自己的 xtypes 我相信，试试这个

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