Я хочу показать ValidationSummary mcv3 с стилем Bootstrap "alert-error".
Я использую представление Razor, и я показываю ошибки модели с этим кодом:
@Html.ValidationSummary(true, "Errors: ")
Он генерирует HTML-код следующим образом:
<div class="validation-summary-errors">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
Я тоже пробовал:
@Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" })
и он работает нормально, но без кнопки закрытия (X)
Он генерирует HTML-код следующим образом:
<div class="validation-summary-errors alert alert-error">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
но предупреждение Bootstrap должно содержать эту кнопку в div:
<button type="button" class="close" data-dismiss="alert">×</button>
Может ли кто-нибудь помочь?
Это работает! - Спасибо Рик B
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count() > 0)
{
<div class="alert alert-error">
<a class="close" data-dismiss="alert">×</a>
<h5 class="alert-heading">Ingreso Incorrecto</h5>
@Html.ValidationSummary(true)
</div>
}
Мне также пришлось удалить класс ".validation-summary-errors" из "site.css", потому что этот стиль определяет другой цвет и вес шрифта.