在 asp.net mvc 中将工具提示添加到 helper html.dropdownlist答案

【问题标题】：Add Tooltips to helper html.dropdownlist in asp.net mvc在 asp.net mvc 中将工具提示添加到 helper html.dropdownlist
【发布时间】：2011-01-11 06:10:27
【问题描述】：

我有一个仅显示产品代码的下拉列表101,102,103

如果用户将鼠标悬停在产品代码上，我希望标题显示为工具提示。

所以这不是您正常的 DataValue 和 DataText 场景，因为“101”既是显示文本又是值。

我相信我需要使用 jQuery 来实现这个效果。而且我也相信我需要将每个列表项的 Title 属性设置为 Product Title。

我的问题是，使用 helper html.dropdownlist 如何设置标题属性？

谢谢，这是我使用 MVC 的第一天

【问题讨论】：

标签： asp.net-mvc-2 html-helper

【解决方案1】：

我们曾经用醉过的东西来做一些非常相似的事情。 http://plugins.jquery.com/project/tipsy

我们实际上更进一步，“创建”了这样的属性

<span class="tipsyItem" tipsy="This is my tooltip text!">This is my regular text!</span>

原因是醉醺醺的有时仍会显示常规工具提示。我们使用了一些像这样的高级设置。

$('.tipsyItem').tipsy({title: 'tipsy'});

此外，您还可以为其设置主题。甚至还能够让它支持嵌入在链接等工具提示中的 html。

$('.tipsyItem').tipsy({html: true });

Twitter 过去常常使用醉酒。我不确定他们是否仍然这样做。

【讨论】：

看起来可以整体应用到下拉列表，但不能应用到PER列表项。
我认为对于您想要做的事情，您可能需要查看自定义解决方案，例如调整自动完成功能以像下拉菜单一样工作。我知道在那种情况下，您可以通过定义自动完成中显示的每种项目格式来使其工作。