Backend Comnponent: Field-Value überschreiben

hi, ich habe hier eine einfache Backend-Komponente mit Listing und Detail. Im der Detailansicht möchte ich einen Value aus der Datenbank HTML-Formatiert ausgeben.

Leider klappt das nicht. Ich habe meine Felder wie folg definiert:

configure: function() {
        return {
           [...]
            fieldSets: [{
                title: 'Stammdaten',
                fields: {
                   [...]
                    email: { fieldLabel: 'E-Mail', xtype:'displayfield' },
                    rate: this.createStars,
                    createDate: { fieldLabel:'Datum' , xtype: 'displayfield', renderer: Ext.util.Format.dateRenderer('d.m.Y') },
                   [...]
                }
            }

rate ist ein integer und das möchte ich gern als HTML ausgeben. Dazu habe ich mir die funktion createStars gescghrieben:

createStars: function(model, formField){
        formField.xtype= 'displayfield';
        formField.fieldLabel='Bewertung';
        formField.value = '' + model.get('rate') + '';
        return formField;
    },

Die Funktion wird auch ausgeführt nur leider wird das value nicht überschrieben. Es wird nur der integer-Wert ausgegeben.

Kann mir jemand sagen wie ich das machen kann? kann ich auf das displayfield einen renderer anwenden der mir ein HTML zurück gibt?

Vielen Dank.