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

【问题标题】：how can i change a panel border width in ext js 3.4?如何更改 ext js 3.4 中的面板边框宽度？
【发布时间】：2013-09-23 17:40:23
【问题描述】：

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

我的代码

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

});

如何编辑边框宽度，例如 2px 或 3px？？

【问题讨论】：

【解决方案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;
}

【讨论】：