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-权衡：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');