javascript - ExtJs ComboBox: style entries - Stack Overflow

admin管理员组

文章数量:1391937

i would like to make some of my entries in a Combobox italic.

Is there something like the renderer of a Column or how can i achive this?

Edit: Sorry but i didn't provide enough information, and i'm realizing that this is nonsense what i wanted do before...

I will write some more words to this atfter i pletely understand my problem...

i would like to make some of my entries in a Combobox italic.

Is there something like the renderer of a Column or how can i achive this?

Edit: Sorry but i didn't provide enough information, and i'm realizing that this is nonsense what i wanted do before...

I will write some more words to this atfter i pletely understand my problem...

• javascript
• extjs
• extjs4

Share Improve this question Follow edited Aug 11, 2011 at 11:41 Sebastian asked Aug 11, 2011 at 11:21 SebastianSebastian 43022 gold badges88 silver badges1818 bronze badges 1

• You need to mention how you are calling bobox or store? – Kiran Commented Aug 11, 2011 at 11:25

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

If you just want to style the list items itself it's sufficient to provide a getInnerTpl() function for the internal bound list used in the dropdown:

var bo = new Ext.form.field.ComboBox({
    // ...
    listConfig: {
        getInnerTpl: function() {
            return '{field1}: {field2}';
        }
    },
    // ...
});

If you'd like to change the whole content of the dropdown, provide a tpl parameter in the listConfig:

var bo = new Ext.form.field.ComboBox({
    // ...
    listConfig: {
        tpl: '<div><tpl for="."><span class="item">{field1}: {field2}</span></tpl></div>',
        itemSelector: 'span.item' // you need to provide an itemSelector if you change the template
    },
    // ...
});

As Tanel Tähepõld suggested, you should read the documentation for Ext.XTemplate.

Ext.form.field.ComboBox has config property "renderTpl", you can create your own Ext.XTemplate and use it (html markup). XTemplate also allows to use if caluses inside template so you can create if caluse for italic text. Doc for Ext.XTemplate: http://docs.sencha./ext-js/4-0/#/api/Ext.XTemplate

本文标签： javascriptExtJs ComboBox style entriesStack Overflow