为什么我必须在Sencha上设置尺寸？

Question

Ext.define('CCApp.view.LoginFormPanel', { 
extend: 'Ext.form.Panel', 
alias: 'widget.loginformpanel', 
config: { 
    title: 'Login', 
    layout: { 
     type: 'vbox', 
     pack: 'center', 
     align: 'center' 
    },  
    items: [ 
     { 
      xtype: 'image', 
      src: '/CCApp/img/lock.png', 
      width: 100, 
      height: 100 
     },     
     { 
      xtype: 'fieldset', 
      height: 100, 
      width: 800, 
      items: [ 
       { 
        xtype: 'textfield', 
        label: 'Username', 
        placeHolder: 'Username', 
        itemId: 'userNameTextField', 
        name: 'userNameTextField', 
        required: true       
       }, 
       { 
        xtype: 'passwordfield', 
        label: 'Password', 
        xtype: 'passwordfield', 
        placeHolder: 'Password', 
        itemId: 'passwordTextField', 
        name: 'passwordTextField', 
        required: true  
       } 
      ] 
     },       
     { 
      xtype: 'button', 
      itemId: 'loginButton', 
      width: 100, 
      text: 'Login' 
     }   

    ], 
    listeners: [ 
     { 
      fn: 'onMybuttonTap', 
      event: 'tap', 
      delegate: '#loginButton' 
     } 
    ] 
}, 

onMybuttonTap: function(button, e, eOpts) { 
    //button.up().up().animateActiveItem(1, { type: 'flip' }); 

    var mainTabPanel = Ext.ComponentQuery.query("toppanel")[0]; 
    mainTabPanel.animateActiveItem(1, { type: 'flip' }); 

} 

}）;

为什么我需要在Image和Fieldset上设置宽度和高度？ 如果我不这样做，它将不会显示。 我相信每次为每个组件设置宽度和高度，这不是一个好习惯，对吧？

感谢

Answer 1

当我在定位煎茶触摸元素（将在Ext.js藏汉工作），我总是试图使用Flex属性。相对定位并不总是一种选择，但在大多数情况下，它会做得很好

http://www.sencha.com/forum/showthread.php?121422-what-is-quot-flex-quot-config&s=ef8101ffe375ce6ccd07343760461bb4