在Razor中显示HTML 5电话号码链接

Question

我有以下问题:

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

<a href="tel: +123456789"> 123456789 </a>

但在我的情况下,我从数据库中获取数字并访问数字石灰.

到目前为止,代码行看起来像这样:

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

那么href如果号码不是固定号码怎么办？

如果不清楚,请发表评论,我将添加缺失的信息.

Answer 1

你应该能够这样做:

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

更新:

创建一个HtmlHelper扩展方法将允许使用这样的视图:

 @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());
    }