Le moteur de rendu extjs n'est pas exécuté

Question

Im utilisant la boîte à outils moderne avec extjs 6.5.1. Je souhaite utiliser la propriété renderer dans une cellule de la grille pour utiliser html. Le moteur de rendu renvoie simplement '<a>...</a>' mais lorsque j'utilise ceci, il code le code html afin que la cellule affiche '<a>...</a>' au lieu d'un lien. En ce qui concerne les réponses sur ce thread, j'ai besoin d'une propriété de cellule avec "encoderHtml" à false mais dès que j'ajoute une propriété de cellule le renderer ne sera plus exécuté (même lorsque j'utilise EncodeHtml) et montre les données aucune propriété de rendu. Pourquoi ne puis-je plus utiliser la propriété renderer?

Heres mon code:

{ 
    xtype: 'gridcolumn', 
    renderer: function(value, record, dataIndex, cell, column) { 
     console.log('hello world'); 
     return '<a>...</a>'; 
    }, 
    width: 30, 
    text: '...', 
    cell: { 
     xtype: 'textcell', 
     encodeHtml: false 
    } 
} 

What it looks like without encodeHtml

Answer 1

Ce comportement est dû au fait que vous spécifiez

cell: { 
    xtype: 'textcell' 
} 

en premier lieu. Supprimez-le simplement, et votre renderer peut renvoyer le code HTML. Cela devrait fonctionner:

{ 
    xtype: 'gridcolumn', 
    renderer: function(value, record, dataIndex, cell, column) { 
     console.log('hello world'); 
     return '<a>...</a>'; 
    }, 
    width: 30, 
    text: '...' 
} 

Au moins id fait dans ma demande, où j'utilise renderer s retour html pour générer un formatage spécial.

Si vous devez spécifier la propriété cell, à cause de quelque chose que vous ne présentez pas dans votre code, utilisez la valeur par défaut cellxtype à la place: gridcell.