Показать HTML 5 Ссылка на номер телефона в Razor

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> 

Update:

Создание метода расширения HtmlHelper позволит этому использовать свои взгляды так:

@Html.TelephoneLink("00000000000") 

или

@Html.TelephoneLink(item.AD_Tel) 

код Extension:

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

Answer 2

Вы пытались сначала поместить номер звонка в переменную и поместить его в href = "ЗДЕСЬ" ??

Answer 3

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

Answer 4

На основании ответа из hutchonoid:

public static MvcHtmlString TelephoneLinkFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, object htmlAttributes = null) 
    { 
     var data = ModelMetadata.FromLambdaExpression(expression, helper.ViewData);    
     var tb = new TagBuilder("a"); 
     tb.Attributes.Add("href", string.Format("tel:+{0}", data.Model)); 
     tb.SetInnerText("" + data.Model); 
     return new MvcHtmlString(tb.ToString()); 
    } 

Использование: @Html.TelephoneLinkFor(model => model.PhoneNumber)