如何在ext js 3.4中更改面板边框宽度？

Question

如何更改面板边框宽度？在ext 3.4 api border是一个布尔值。

我的代码

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;
}