asp.net - asp.net で複数のステータス メッセージを表示する

Question

画面に複数のステータスを表示する要件があり、アプリケーションのステータスに基づいて、そのステータスに色を付ける必要があります。ステータスが完了している場合は緑色に、進行中の場合は青色に、ステータスが完了していない場合は灰色になります。これを達成するための最良の方法は何ですか。これを達成するためのasp.netまたはTelerikのコントロールはありますか。どんな助けでも大歓迎です。

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