OnMouse事件的提示@ Html.Grid [英] OnMouse event Tooltip for @Html.Grid

问题描述

我用MVC3电网展示活动。

我需要以某种方式对名称鼠标事件整合，以显示该项目的说明。

我如何能实现？感谢您的任何线索！

  @ {
    VAR电网=新的WebGrid（来源：Model.Events，
    defaultSort：姓名，
    rowsPerPage：20）;
}@if（型号！= NULL）
{
   @ grid.GetHtml（
   TABLESTYLE：网格，
   headerStyle：头，
   alternatingRowStyle：ALT，
   rowStyle：行，
   selectedRowStyle：选择列，
   列：grid.Columns（
   grid.Column（姓名，事件，风格：列），
   grid.Column（格式：（项目）=＆GT; Html.ActionLink（编辑，编辑，新{ID = item.ID}），风格：列行动）
   ））
}
 

解决方案

您可以尝试使用格式属性来插入一些原始的HTML。取而代之的是：

  grid.Column（姓名，事件，风格：列）
 

试试这个：

  grid.Column（COLUMNNAME：姓名，标题：事件，格式：（I）=＆GT; @ Html.Raw（＆LT;跨度标题='+ i.Name +'＆gt;中+ i.Description +＆下; /跨度＆gt;中））
 

I use MVC3 Grid to show Events.

What I need is somehow integrate on mouse event for the "NAME" to show "Description" of the item.

How do I can implement? Thanks for any clue!!!

@{        
    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")
   ) )
}

解决方案

You can try using the "format" property to insert some raw HTML. Instead of this:

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

try this:

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

这篇关于OnMouse事件的提示@ Html.Grid的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！