升级后的ExtJS 4.1布局问题

从ExtJS 4.0.7升级到4.1后，我面临布局问题。面板中有五个字段（四个组合和日期选择器）。这是面板的配置的相关部分：升级后的ExtJS 4.1布局问题

defaults: { 
    flex: 1, 
    margin: '4', 
    labelAlign: 'top' 
}, 
layout: { 
    type: 'hbox', 
    align: 'top' 
},

随着ExtJS的4.0.7，所有五个领域都展示着相同的宽度和每个周围的预期利润率。在ExtJS 4.1中，它看起来像文本字段右侧的图标宽度不考虑布局计算。

enter image description here

任何想法？

来源

2012-05-22 jd.

嗯也许还有别的可能会导致问题。其实，这对我很好：

Ext.create ('Ext.container.Container', { 
    renderTo: Ext.getBody() , 
    layout: { 
     type: 'hbox' , 
     align: 'top' 
    } , 
    defaults: { 
     flex: 1 , 
     labelAlign: 'top' , 
     margin: 4 
    } , 
    items: [{ 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'combo' 
    } , { 
     xtype: 'datefield' 
    }] 
});

而且它与'保证金：4'和'保证金：“4”'的作品。

来源

2012-05-23 00:35:05 Wilk

谢谢，你是对的，在一个空白页，这工作正常。我以为我禁用了所有干扰样式或脚本，显然这是不正确的。 –

使用范围样式表时，该问题似乎存在。除非我错过了某些东西，在4.1中不再需要'var Ext = {buildSettings：{scopeResetCSS：true}};'使用ext-all-scoped.css时。 –

升级后的ExtJS 4.1布局问题

回答

相关问题