2012-11-24 25 views
1

我使用ExtJS的4.1.0和我想告诉用户不同的字体可在组合框/选项的形式,像我们得到的编辑看到这样写字板MS Word中显示不同的字体用户

有没有办法实现它。我不想去'HTML编辑器',因为我不会提供编辑器,只是会显示一个设置页面来显示所有选项,如 - 字体,字体大小,字体颜色。

任何帮助,将不胜感激。

回答

2

您可以为组合提供自定义模板。例如:

var combo = Ext.create('Ext.form.ComboBox', { 
    store: store, 
    renderTo: 'combo', 
    tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">', 
      '<div class="x-boundlist-item" style="font-family: \'{name}\'">{name}</div>', 
     '</tpl>' 
    ) 
}); 

工作样本:http://jsfiddle.net/k2JbL/5/

+0

扩展你的榜样,这显示了如何应用字体 - 家庭,大小和颜色到另一个元素:http://jsfiddle.net/k2JbL/47/ –

0

您可以嵌入HTML标签字段标签

FieldLabel联合:组合框名