在Razor中显示HTML 5电话号码链接 [英] Display HTML 5 Telephone number link in Razor

问题描述

我有以下问题:

我想在我的HTML5网页上有一个可点击的电话号码.通常我会简单地使用

I would like to have a click-able telephone-number on my HTML5 Webpage. Normally I would simply use

<a href="tel: [phone]"> 123456789 </a>

但就我而言，我是从数据库中获取该号码并访问此号码的.

But in my case, I get the number from a database and access the number lime this.

现在，代码行如下所示:

By now the code line looks like this:

<a href=""> @Html.DisplayFor(modelItem => item.AD_Tel)</a>

那么，如果不是固定号码，该如何获取 href 来拨打该号码?

So how do I get the href to call the number, if it isn't a fixed number?

如果不清楚，请发表评论，我会补充缺少的信息.

If something is unclear, please leave a comment and I will add missing information.

推荐答案

您应该可以这样做:

<a href="tel:[e-mail]_Tel">@Html.DisplayFor(modelItem => item.AD_Tel)</a>

更新:

创建HtmlHelper扩展方法将允许您在如下视图中使用它:

Creating an HtmlHelper extension method will allow this to be used your views like this:

 @Html.TelephoneLink("00000000000")

或

  @Html.TelephoneLink(item.AD_Tel)

扩展代码:

    public static MvcHtmlString TelephoneLink(this HtmlHelper htmlHelper, string telephoneNumber)
    {
        var tb = new TagBuilder("a");
        tb.Attributes.Add("href", string.Format("tel:+{0}", telephoneNumber));
        tb.SetInnerText(telephoneNumber);
        return new MvcHtmlString(tb.ToString());
    }

这篇关于在Razor中显示HTML 5电话号码链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！