@Html.Grid的OnMouse事件工具提示

时间:2012-04-14 21:31:10

标签: asp.net-mvc-3 razor dynamictype razor-grid

我使用MVC3 Grid来显示事件。

我需要的是以某种方式整合鼠标事件,为“NAME”显示该项目的“描述”。

我如何实施?谢谢你的任何线索!!!

@{        
    var grid = new WebGrid(source: Model.Events,
    defaultSort: "Name",
    rowsPerPage: 20);
}

@if (Model != null)
{
   @grid.GetHtml(
   tableStyle: "grid",
   headerStyle: "head",
   alternatingRowStyle: "alt",
   rowStyle: "row",
   selectedRowStyle: "selected-row",
   columns: grid.Columns(
   grid.Column("Name", "Event", style: "column"),                                            
   grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ID }), style: "column-action")
   ) )
}

1 个答案:

答案 0 :(得分:1)

您可以尝试使用“format”属性插入一些原始HTML。而不是:

grid.Column("Name", "Event", style: "column")

试试这个:

grid.Column(columnName: "Name", header: "Event", format: (i) => @Html.Raw("<span title='" + i.Name + "'>" + i.Description + "</span>") )