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顯示錯誤邊框

回答

相關問題