代码之家  ›  专栏  ›  技术社区  ›  aggicd

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

  •  1
  • aggicd  · 技术社区  · 6 年前

    我有这个 label 字段:

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

    我正在设置 Text html 中的属性 Command Handler 一个 Command Column 这样地:

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

    我怎么能100%用绿色盒子代替,50%用黄色盒子代替,0%用红色盒子代替?

    2 回复  |  直到 6 年前
        1
  •  2
  •   AnkitG    6 年前
    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>

        2
  •  0
  •   Ajay    6 年前

    以上答案是完美的:

    <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