extjs - ext js 3.4 でパネルの境界線の幅を変更するにはどうすればよいですか?

Question

パネルの境界線の幅を変更するにはどうすればよいですか? ext 3.4 api の境界線はブール値です。

私のコード

var p = new Ext.Panel({
    title  : 'My Panel',       
    width  :400,
    border : true //default also true.

});

2px や 3px などの境界線の幅を編集するにはどうすればよいですか??

Answer 1

CSS を使用すると、Ext はコンポーネントのサイズを計算してレイアウトするときにそれを考慮します。

まず、パネルにカスタム CSS クラスを配置します。

var p = new Ext.Panel({
    title: 'My Panel',       
    width:400,
    border: true //default also true.

    ,cls: 'my-panel'
});

次にスタイルを設定します。

.x-panel.my-panel {
    border: 5px solid red;
}