Question

我要求我在屏幕上显示多个状态，并根据应用程序状态我需要为该状态着色。如果状态已完成，那么我需要换绿色，如果它正在进行中我需要为蓝色状态着色，如果该状态未完成，那么它将是灰色。实现这一目标的最佳方法是什么？是否有任何控件在asp.net或Telerik实现这一目标。非常感谢任何帮助。

enter image description here

Answer 1

只需使用css

首先编写css类：

.completed
{
background-color: Green;
color:White; /* set height/width of box as you want */
}
.inprocess
{
background-color:Blue;
color: White;
}

..等等

你的asp.net页面中的

将div设为

<div id="info" runat="server"> </div>

代码隐藏

中的

if(completed) // your condition
{ 
 info.Attributes.Add("class", "completed");
 info.InnerText = "Completed";
}
// so ....

Answer 2

如果您想使用Telerik，可以使用Gauge控件指定不同级别的颜色，在您的情况下，级别是完成级别。

<telerik:RadLinearGauge runat="server" ID="RadLinearGauge1" Width="150px" Height="350px">
                    <Pointer Shape="BarIndicator" Value="15">
                         <Track Opacity="0.2" />
                    </Pointer>
                    <Scale Min="-20" Max="50" MajorUnit="10">
                         <Labels Format="{0} degrees" />
                         <Ranges>
                              <telerik:GaugeRange Color="#2a94cb" From="-20" To="5" />
                              <telerik:GaugeRange Color="#8dcb2a " From="5" To="17" />
                              <telerik:GaugeRange Color="#ffc700" From="17" To="27" />
                              <telerik:GaugeRange Color="#ff7a00" From="27" To="35" />
                              <telerik:GaugeRange Color="#c20000" From="35" To="50" />
                         </Ranges>
                    </Scale>
               </telerik:RadLinearGauge>

参考：Telerik RadLinearGauge

在asp.net中显示多个状态消息

2 个答案: