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