Создайте тег img с помощью HTML-помощника

Я работаю над проектом MVC 5 Я новичок в технологии MVC.Создайте тег img с помощью HTML-помощника

Мне нужно создать элемент IMG и текст в соответствии с моей ценности культуры, здесь код в виде:

@{ 
    var culture = System.Threading.Thread.CurrentThread.CurrentUICulture.Name.ToLowerInvariant(); 
}

Значение культуры сохраняет текущую культуру.

Вот HTML, который показывает текущую культуру, показывая флаг и текст:

<a class="dropdown-toggle no-text-underline" data-toggle="dropdown" href="#"><img class="flag-lang" src="/assets/images/flags/no.png" width="16" height="11" alt="lang" />Norsk</a>

Когда пользователь выбирает другой язык и обратной передачи встречается, культура изменение значения accroding для пользователя selection.After обратная передача произошла HTML, выше, должны отображаться флаг и текст, подстраиваемый под выбор пользователя.

Например, если пользователь выбрал английский культура элемент «ан» и HTML является:

<a class="dropdown-toggle no-text-underline" data-toggle="dropdown" href="#"><img class="flag-lang" src="/assets/images/flags/us.png" width="16" height="11" alt="lang" />English</a>

Я думаю реализовать это мне нужно генерировать IMG тег с помощью бритвы HTML помощника.

Так что мой вопрос в том, как я могу сгенерировать img-тег, используя html.helper?

источник

2017-02-21 Michael

'HtmlHelper' не является необходимым. Вы можете просто использовать '@culture' например –

@StephenMuecke Мне нужно отображать не только налог, но и элемент img, который имеет атрибут src для определенного флага. – Michael

Я предполагаю, что html, который вы показали, неверен (атрибут 'id' не имеет смысла и я предполагаю, что это должен быть атрибут 'src'?). Вам просто нужно передать путь к изображению модели (просмотреть свойство модели представления или свойство ViewBag '= eg' src = "@ View.ImagePath" ' –

Вы можете сделать что-то вроде этого:

добавить статический класс для HTML хелперов

ссылка его в cshtml файл, так что он будет виден

public static MvcHtmlString DisplayFlag(this HtmlHelper html) 
    { 
     var culture = System.Threading.Thread.CurrentThread.CurrentUICulture.Name.ToLowerInvariant(); 
     var imgSrc = string.Format("/assets/images/flags/{0}.png", culture); 
     TagBuilder tag = new TagBuilder("img"); 
     tag.AddCssClass("flag-lang"); 
     tag.MergeAttribute("src", imgSrc); 
     return MvcHtmlString.Create(tag.ToString(TagRenderMode.SelfClosing)); 
    }

И в cshtml файле использовать его как этот

@Html.DisplayFlag()

не проверял, но он должен работать

источник

2017-02-21 10:57:22 xurca

Создайте тег img с помощью HTML-помощника

ответ

Смежные вопросы