ExtJs 3.4：设置标签边框，中心标签文本和粗体标签文本

Question

我在字段集中有一个ExtJs标签，我使用的是ExtJs 3.4。

{
                xtype : 'fieldset',
                layout : 'hbox',
                border : false,
                defaults : {
                    //layout : 'hbox',
                    labelAlign : 'center'
                },
                items : [ {
                    xtype : 'label',
                    id : 'idOpen',
                    text : '',
                    width : 52.5,
                    height : 25,
                    labelStyle : 'font-weight:bold;',
                    border : true,
                    style : {
                        //background : '#6699FF',
                        color : 'black',
                        textAlign: 'center'
                    }
                }.......

我需要为该标签和粗体标签文本添加边框。我尝试过 border：true ，但它也没有用。

labelStyle：'font-weight：bold;'也无效。

而且我还需要在标签框中居中标签文字。我试过了

style : {

                        textAlign: 'center'
                    }

它将文本水平居中但不垂直居中。

如何解决这些问题？

Answer 1

{
    xtype : 'label',
    id : 'idOpen',
    text: '...', // some default value to render label correctly
    cls: 'my-label-style'
}

在.css文件中：

.my-label-style {
    font-weight: bold; 
    border: 1px solid red;
    text-align:center;
}

设置标签文字

Ext.getCmp('idOpen').setText('Oh, this is my new text');