javascript - Ext JS 为网格单元格内字符串的单词设置颜色

Question

我正在尝试为字符串中的不同单词设置不同的颜色，并且该字符串位于 ExtJs 网格单元格中。例如，我有一个字符串“Red Blue Green”。我需要为这三个词使用三种颜色。这在 fontcolor 的 javascript 中并不难，但我不知道如何在 Ext Js 网格存储中做到这一点。谁能就如何做到这一点提供一些见解？谢谢。

Answer 1

您需要自定义列 renderer :

renderer: function(value){
    var words = value.split(' ');
    return '<span style="color:#f00">'+words[0]+'</span><span style="color:#0f0">'+words[1]+'</span><span style="color:#00f">'+words[2]+'</span>';
}

如果每个值都有三个词。