将面板添加到面板中

Question

我的app.js中设置了card布局。这是代码;

...
launch: function() {
        var vp = Ext.create('Ext.container.Viewport', {
            layout: 'card',
            items: [
            {
                xtype: 'doctor'
            },
            {
                xtype:'nurse'
            }
            ]
        });
    }, ...

并且，将加载的第一个视图。这是代码;

Ext.define('RoyProject.view.user.Doctor', {
    extend:'Ext.form.Panel',
    alias : 'widget.doctor',
    id:'docform', 
    defaultType: 'textfield',
    items: [{       
        fieldLabel: 'Name',
        name: 'name'
        }],
    buttons: [, {
        text: 'Send',
        action:'send'        
    }]
});

由于我在app.js中使用card布局，所有第一个视图都已拉长，并占据整个屏幕。因此，为了摆脱这种情况，我想在Panel内添加一个Panel来添加我的视图（RoyProject.view.user.Doctor）。有人可以帮我将这个视图添加到Panel中，而不改变代码的逻辑：）

Answer 1

launch: function() {
        var vp = Ext.create('Ext.container.Viewport', {
            layout: 'card',
            items: [
            {
                xtype: 'panel',
                items: { xtype: 'doctor' }
            },
            {
                xtype:'nurse'
            }
            ]
        });
    }, ...

Answer 2

我认为你正试图解决错误的问题。您无需将doctor面板封装到另一个面板中。一般来说，嵌套面板的想法在另一个内部是不好的......

您需要做的是为doctor面板指定固定宽度，或者播放其布局以查看哪一个更适合您。