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 : '字体粗细:粗体;' 也不工作。

我还需要将标签文本置于标签框中的中心。我试过了

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');