javascript ExtJs 3.4 : 设置标签边框、中心标签文本和粗体标签文本
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/21303093/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
ExtJs 3.4 : set label border, center label text and bold label text
提问by Rose18
I have an ExtJs label in a field set and I am using ExtJs 3.4.
我在字段集中有一个 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'
}
}.......
I need to add border to that label and bold label text. I've tried border : truebut it's nor working.
我需要为该标签和粗体标签文本添加边框。我试过border : true但它也不工作。
labelStyle : 'font-weight:bold;'is also not working.
labelStyle : '字体粗细：粗体;' 也不工作。
And also I need to center label text within the label box. I've tried
而且我还需要在标签框中居中标签文本。我试过了
style : {
textAlign: 'center'
}
It center t5he text horizontally but not vertically.
它将文本水平居中而不是垂直居中。
How can I fix these issues ?
我该如何解决这些问题？
回答by Andrew Koshkin
{
xtype : 'label',
id : 'idOpen',
text: '...', // some default value to render label correctly
cls: 'my-label-style'
}
in your .css file:
在您的 .css 文件中：
.my-label-style {
font-weight: bold;
border: 1px solid red;
text-align:center;
}
To set label text
设置标签文本
Ext.getCmp('idOpen').setText('Oh, this is my new text');
