C# Ext.net javascript html: 在标签字段中创建一个小的彩色框

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

我有这个 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%？

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

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

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

以上回答很完美：

<span style="background-color:green;padding-left: 15px;"></span> Perfect, <span style="background-color:yellow;padding-left: 15px;"></span> Average, <span style="background-color:red;padding-left: 15px;"></span> poor