將面板添加到面板中

我在我的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

將面板添加到面板中

回答

相關問題