javascript - C# Ext.net javascript html : Create a small colored box in label field

Question

我有这个 label 字段:

<ext:Label runat="server" ID="lblInfo" Text=" " />

我在 Command Column 的 Command Handler 中设置 Text html 属性，如下所示:

<Command Handler="#{lblInfo}.setText('<i>100%: Perfect, 50%: Average, 0%: poor</i>');

如何用绿色框替换 100%，用黄色框替换 50%，用红色框替换 0%？

Answer 1

1. 将“100%”替换为 html:<span style="background-color:green;padding-left: 50px;"></span>

2. 用 html 替换“50%”:<span style="background-color:yellow;padding-left: 50px;"></span>

3. 用 html 替换“0%”:<span style="background-color:red;padding-left: 50px;"></span>