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