Ratingindicator für ASP.Net MVC

Will man eine Bewertung in einer Webseite anzeigen lassen, so bietet sich eine visuelle Darstellung mit sprechenden Icons an. Dies sieht man auch auf jeder größeren Seite, angefangen bei Amazon.de, welche die Rezensionen grafisch darstellen über sämtliche Filmbewertungsseiten (www.imdb.com, http://www.filmstarts.de) und schließlich IT-Seiten wie http://www.zdnet.de

Ich habe dafür eine Extension geschrieben, welche einen Ratingindicator aus zwei unterschiedlichen Icons erstellt. Anhand des übergebenen Maximums und des Wertes der Bewertung werden dann die Icons erstellt.

[csharp]
public static MvcHtmlString RatingIndicator(this HtmlHelper helper, int value, int maximum
, string activeImage, string inactiveImage)
{
var frame = new TagBuilder(„span“);
//create active indicator
for (int i = 0; i < value; i++)
{
var indicator = new TagBuilder("img");
indicator.MergeAttribute("src", activeImage);
indicator.MergeAttribute("alt", (i + 1).ToString());
frame.InnerHtml += indicator.ToString(TagRenderMode.SelfClosing);
}
//create inactive indicators
for (int i = value; i < maximum; i++)
{
var indicator = new TagBuilder("img");
indicator.MergeAttribute("src", inactiveImage);
indicator.MergeAttribute("alt", (i + 1).ToString());
frame.InnerHtml += indicator.ToString(TagRenderMode.SelfClosing);
}

return MvcHtmlString.Create(frame.ToString());
}
[/csharp]

In der Webseite kann die Extension dann so eingebunden werden.
[html]
[/html]

2 Gedanken zu “Ratingindicator für ASP.Net MVC

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden /  Ändern )

Google Foto

Du kommentierst mit Deinem Google-Konto. Abmelden /  Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden /  Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden /  Ändern )

Verbinde mit %s