Montrer ValidationSummary MVC3 comme “alerte d'erreur” Bootstrap

Je veux montrer une ValidationSummary mcv3 avec "alerte d'erreur" Bootstrap style.

Je suis à l'aide d'un Rasoir de vue, et je montre des erreurs de modèle avec ce code:

 @Html.ValidationSummary(true, "Errors: ")

Il génère du code HTML comme ceci:

<div class="validation-summary-errors">
   <span>Errors:</span>
   <ul>
      <li>Error 1</li>
      <li>Error 2</li>
      <li>Error 3</li>
   </ul>
</div>

J'ai essayé avec ce trop:

@Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" })   

et ça marche ok, mais sans le bouton fermer (X)

Il génère du code HTML comme ceci:

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

mais Bootstrap alerte devrait avoir ce bouton dans le div:

<button type="button" class="close" data-dismiss="alert">×</button>

Peut aider quelqu'un?


Cela Fonctionne! - Merci 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>
} 

J'ai également eu à supprimer la classe ".validation-résumé-erreurs" de "du site.css", parce que le style définit une police de couleur et de poids.

  • Qu'est-ce que le code HTML généré avec la classe étant définie sur "alert alert-error".
  • autre manière tenter cette astuce à retour bootstrap message d'alerte espoir aide à quelqu'un.
InformationsquelleAutor Gonzalo | 2012-12-13