Ext JS 中的样式组合框字段答案

【问题标题】：Style combo box field in Ext JSExt JS 中的样式组合框字段
【发布时间】：2013-04-19 16:36:01
【问题描述】：

我有一个组合框，我只是想让它加粗。数据在存储中。我可以加粗列表中的项目，但在文本框中选择项目后我不能加粗项目。

我试过了：

fontWeight: '粗体', cls: 'make-bold', itemCls:'make-bold',

我可以通过模板将列表加粗，但不能将文本字段中的项目加粗。

items:[
{
xtype: 'combobox',
name: 'inputType',
id: 'inputType',
padding : '6 5 5 5',
store: 'Codes',
displayField: 'display',
valueField: 'code',
value: 'Inp_CODE',
editable: false,
width: 80,
tpl: Ext.create('Ext.XTemplate', 
'<tpl for=".">','<div class="x-boundlist-item"><b>{display}</b></div>','</tpl>')
}, {

【问题讨论】：

标签： css extjs combobox styles

【解决方案1】：

这样做了

 fieldCls: 'make-bold', 
 style: {               
     fontWeight: 'bold' 
 }

为什么我两个都需要？

【讨论】：

你不需要两者。也许是因为 tpl 配置。这个example 可能会有所帮助。
在您提供的示例中，没有粗体。我拿了代码并制作了一个 JSFiddle，即使在那里，我也必须使用两者来使文本变为粗体。所以我知道它不是 tpl，也不是我的代码的边缘情况。