QuickInfo bei mouseover-Ereignis in MVC3-WebGrid

Hier ist, wie ich es Tat. Aufgrund der begrenzten Natur der Standard-WebGrid, die Sie mit Links sind ein paar Optionen... ich brauchte das arbeiten mit IE6 und konnte NICHT finden, eine passende jQuery-plugin, das funktioniert in allen browser, also entschied ich mich für option 1. Warnung: Es ist ein bisschen schmutzig

1 - Rollen Sie Ihre eigenen HtmlHelper
2 - Verwenden Sie ein Drittanbieter-alternative zu WebGrid
3 - Verwenden Sie ein jQuery-plugin,

HtmlHelpers.cs

///<summary>
///This class contains various methods for supplementing the usage of html within the Razor view pages
///</summary>
public static class HtmlHelpers
{
    ///<summary>
    ///This method truncates a string to a given length for display within a WebGrid or elsewhere as a tooltip
    ///</summary>
    ///<param name="helper">Generic parameter needed to recognize HtmlHelper syntax</param>
    ///<param name="input">This is the string to truncate</param>
    ///<param name="length">The length of the string to truncate to</param>
    ///<returns>Html representing a tooltip, if needed</returns>
    public static IHtmlString ToolTip(this HtmlHelper helper, String input, int length)
    {
        if (input.Length <= length)
            return new MvcHtmlString(input);

        else
            return new MvcHtmlString(String.Format("<span title=\"{2}\">{0}{1}</span>", input.Substring(0, length), "...", input));

    }
}

YourView.cshtml

grid.Column(columnName: "Detail", header: "Description", format: @<text>@Html.Truncate((string)item.Detail,50)</text>),

InformationsquelleAutor whoblitz