Javascript extjs 3 SuperBoxSelect标记颜色

我有一个SuperBoxSelect元素，由远程存储填充

我需要为每个标签设置不同的颜色（设置在rowselect上）。色彩价值随商店而来

现在，我终于尝试了：

displayFieldTpl: '<tpl for="."><div class="x-superbox-item" 
style="background:{color};">{text}</div>  </tpl>'

displayFieldTpl:“{text}”

但是，tpl在标记内创建其on元素（这是一个列表元素，其中有另一个元素用于关闭按钮/X）

发生的事情是，它现在有颜色更小的框内，背景仍然有默认的颜色

我需要的是一种改变列表元素自身背景颜色的方法，而不是在其中创建新元素。但第三方物流似乎还不够好。 这些不是固定的颜色-它们可以是以后在配置中为每个特定标记设置的任何颜色

它的html是：

<ul id="ext-gen747">
    <li id="ext-gen1001" class="x-superbox-item x-superbox-item x-superbox-item-hover">
        "TestTag2"
        <a class="x-superbox-item-close" tabindex="0" href="#" id="ext-gen1002"></a>
    </li>
</ul>

“TestTag2”

您可以在组合定义中定义

classField

或

styleField

，在这种情况下可能会很方便

例如，如果您使用颜色作为名称（例如红色、绿色），则可以将

classField

设置为

color

，并在css中定义适当的样式。要使用

styleField

，您应该在每个记录中定义要提供的计算字段，以便它返回正确的样式标记

您还可以重写

addItemBox

方法