asp.net mvc c#tooltip

时间:2010-07-31 11:44:10

标签: asp.net asp.net-mvc

为文本框创建工具提示文本的最佳和最简单方法是什么

3 个答案:

答案 0 :(得分:3)

使用JavaScript,可能还有像jQuery这样适合ASP.NET MVC的框架。使用框架意味着某人已经完成了艰苦的工作并为其编写了一个插件!

当然,文本输入上的title属性在某些浏览器中显示为弹出提示。

答案 1 :(得分:2)

我发现这是最简单易行的方法:

  1. 使用数据注释为模型的属性创建描述 例如:

    [Display(Name="MyTextBox", Description = "Title for your entry")] public string MyTextBox{ get; set; }

  2. 然后在您的视图中使用以下方式访问上述说明:

    @Html.TextBoxFor(model => model.MyTextBox, new { title = ModelMetadata.FromLambdaExpression(model => model.MyTextBox, ViewData ).Description })

答案 2 :(得分:0)

使用模型上的数据注释将工具提示放在DisplayAttribute的Description属性中。

然后编写自己的Html Helper函数,将Description属性放入TextBox输入字段的title属性中。你可以调用帮助器TextBoxWithTooltipFor

在视图定义中,您可以使用对@(Html.TextBoxWithTooltipFor(...))的调用替换对@(Html.TextBoxFor(...))的调用

以下是经过测试和运行的代码。 Picture of code to add tooltip to textbox