css - 将 ValidationSummary MVC3 显示为 "alert-error"Bootstrap

Question

我想显示带有“alert-error”Bootstrap 样式的 ValidationSummary mcv3。

我正在使用 Razor View ，并使用以下代码显示模型错误:

 @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>

有人能帮忙吗？

---

这行得通! - 谢谢 Rick 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>
} 

我还必须从“site.css”中删除类“.validation-summary-errors”，因为该样式定义了其他字体颜色和粗细。

Answer 1

再次编辑

起初我误解了你的问题。我认为以下是您想要的:

@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count > 0)
{ 
    <div class="alert alert-error">
        <button type="button" class="close" data-dismiss="alert">×</button>
        @Html.ValidationSummary(true, "Errors: ")
    </div>
}