Ext.Panel显示错误边框

我创建了一个的jsfiddle让您展示问题... http://jsfiddle.net/mrgamer/u3Z48/Ext.Panel显示错误边框

的X面板体的element.width计算不正确，在该示例在340px以上设置，而不是正确显示我设置的边框应该已经设置为338px！

截图澄清甚至更多：

它是如何：

How it is

如何应该是：

How it should be

我明白这是一个真实但是我不知道如何纠正它，在Ext.Panel等过度使用的组件中出现这样的显示错误令人讨厌。

来源

2012-09-25 colthreepv

要解决的问题是不够定义在风格配置的宽度，这样的：

var panel1 = new Ext.Panel({ 
    title: 'Inner Panel', 
    height: 300, 
    style: {width: '350px'}, 
    border: false, 
    cls: 'panel_class', 
    bodyCssClass: 'body_border' 
});

这不是尽可能的干净，但我认为这是一个正确的解决ExtJS错误计算！

来源

2012-09-25 13:09:12 colthreepv

请尝试以下

.x-panel-body .body_border{ 
    padding: 2px; 
    border: 1px solid red; 
    margin: 1px; 
}

来源

2012-09-25 11:07:58

Ext.Panel显示错误边框

回答

相关问题