将面板添加到面板中

我在我的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）。有人可以帮助我将这个视图添加到面板，而不会改变代码的逻辑:)

来源

2012-07-04 Illep

我认为你试图解决错误的问题。您不需要将您的doctor面板装入另一个面板。一般来说嵌套面板的想法是不好的...

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

来源

2012-07-04 20:30:55 sha

指定宽度高度并没有改变拉伸效果。 – Illep

那么，根据@CD ..答案是有效的。你认为这是正确的方法吗？ – Illep

我真的认为@sha是对的。嵌套面板不是一个好方法，但我刚刚回答了你的问题...... –

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

来源

2012-07-04 19:36:27

将面板添加到面板中

回答

相关问题