当mousover MVC3 Razor WebGrid行显示工具提示更多信息

我有一个人员列表的网格。在鼠标悬停时，我想在工具提示中显示其他信息（照片，地址等）。所有需要的数据都存在于模型中，但我不知道如何在网格中添加工具提示功能。我也想知道jquery ui tooltip是否是一个不错的选择？当mousover MVC3 Razor WebGrid行显示工具提示更多信息

TIA :)

来源

2011-12-21 Fred

是的，我会使用jQuery的工具提示。 – Evan 2011-12-21 15:42:47

试试BeautyTips jquery插件。加载ajax内容是一个不错的选择。它有很多功能，甚至支持HTML5。看看他们的演示here。

来源

2011-12-21 16:19:43 kvc

看起来很有希望thnx :)我仍然想知道如何让webgrid里面的工具提示，所以我保持我的问题打开。 – Fred 2011-12-21 19:18:47

下面是代码示例显示工具提示在asp.net MVC的WebGrid：

grid.Column("LongTextColumn", "Column Header Here" 
      , format: (item) => Html.Raw("<abbr style='background-color:Beige;' 
       title='" + item.LongTextColumn + "'>" + item.OtherModelColumn + 
       "</abbr>"), canSort: false)

以下版本显示长注释/文本列的25个字符，并给出了全文的其余部分作为一个工具 - 小费。它还处理短于25个字符的文本。

grid.Column("ModelItem.LongTextColumn", "Column Header", format: (item) => 
      Html.Raw("<abbr style='background-color:Beige;' title='" + 
      item.ModelItem.LongTextColumn + "'>" + 
      item.ModelItem.LongTextColumn.PadRight(25).Substring(0, 25) + 
      "</abbr>"), canSort: false)

希望这有助于！

来源

2012-11-02 15:31:32 Mayank

当mousover MVC3 Razor WebGrid行显示工具提示更多信息

回答

相关问题