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

时间:2011-01-10 21:58:26

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

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

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

所以这不是你正常的DataValue& DataText scenerio,因为“101”将是显示文本&价值。

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

我的问题是,使用帮助器html.dropdownlist如何设置title属性?

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

1 个答案:

答案 0 :(得分: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曾经使用过醉酒。我不确定他们是否仍然这样做。