Benutzerdefinierte Validierungsserver und Client-Seite für eine Dropdownlist mit Aufzählungstyp bevölkert

Question

Lasst uns sagen, dass Sie eine Enumeration wie dieses:

public enum ColorsEnum 
{ 
    Undefined, 
    Blue, 
    Red, 
    Green 
} 

Und ein Modell wie folgt aus:

public class Foo 
{ 
    public ColorsEnum PreferedColor { get; set; } 
} 

Mit Blick wie diese :

@model WebUI.Models.Foo 

@using (Html.BeginForm()) 
{ 
    @Html.LabelFor(m => m.PreferedColor) 
    @Html.DropDownListForEnum(m => m.PreferedColor) 
    <input type="submit"> 
} 

Hier ist der Helfer für die DropdownListForEnum:

public static IHtmlString DropDownListForEnum<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, 
                    Expression<Func<TModel, TProperty>> expression) 
    { 
     var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 
     if (metaData.ModelType.IsEnum) 
     { 
      var names = Enum.GetNames(metaData.ModelType); 
      var translatedNames = GetTranslatedNames(metaData.ModelType); 

      var query = from p in names 
         select new SelectListItem 
            { 
             Text = translatedNames.ContainsKey(p) ? translatedNames[p] : p, 
             Value = p, 
             Selected = false 
            }; 

      return htmlHelper.DropDownList(metaData.PropertyName, query.ToList()); 
     } 
     else 
     { 
      throw new ApplicationException(
       "The DropDownListForEnum helper function must be used with an enum property"); 
     } 
    } 

Meine Frage: wie Sie die Validierung durchführen kann (Client & Server-Seite) eine gültige Farbe sicher sein durch den Benutzer choosed ist? 'Nicht definierte' Farbe sollte durch den Validierungsprozess abgelehnt werden.

Danke.

Answer 1

würde ich ein Nullable-Enum und ein erforderliches Attribut auf dem View-Modell verwenden:

public class MyViewModel 
{ 
    [Required] 
    public ColorsEnum? PreferedColor { get; set; } 
} 

So könnte man den Undefined Wert von Ihrem Enumerationsdefinition entfernen:

public enum ColorsEnum 
{ 
    Blue, 
    Red, 
    Green 
} 

und dann etwas ändern Helfer:

public static class HtmlExtensions 
{ 
    public static IHtmlString DropDownListForEnum<TModel, TProperty>(
     this HtmlHelper<TModel> htmlHelper, 
     Expression<Func<TModel, TProperty>> expression 
    ) 
    { 
     var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 
     var enumType = Nullable.GetUnderlyingType(metaData.ModelType); 
     if (enumType == null || !enumType.IsEnum) 
     { 
      throw new ApplicationException(
       "The DropDownListForEnum helper function must be used with a nullable enum property" 
      ); 
     } 

     var names = Enum.GetNames(enumType); 
     var translatedNames = GetTranslatedNames(metaData.ModelType); 

     var query = 
      from p in names 
      select new SelectListItem 
      { 
       Text = translatedNames.ContainsKey(p) ? translatedNames[p] : p, 
       Value = p, 
       Selected = false 
      }; 
     return htmlHelper.DropDownList(
      metaData.PropertyName, 
      query.ToList(), 
      "-- Select a color --" 
     ); 
    } 
} 

und dann eine einfache Kontrolle haben ler zu testen:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(new MyViewModel()); 
    } 

    [HttpPost] 
    public ActionResult Index(MyViewModel model) 
    { 
     return View(model); 
    } 
} 

und eine entsprechende Ansicht:

@model MyViewModel 

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script> 

@using (Html.BeginForm()) 
{ 
    @Html.LabelFor(m => m.PreferedColor) 
    @Html.DropDownListForEnum(m => m.PreferedColor) 
    <input type="submit" /> 
} 

Answer 2

Wenn der erste Wert jedes Enum Sie mit DropDownListForEnum zur Verwendung planen ist immer eine „default“ Option, die vom Prüfer abgelehnt werden sollte, könnten Sie erwägen den Einsatz von optionLabel Parametern von DropDownList machen.

Setzen Sie das erste Element aus query und übergeben Sie diese Zeichenfolge als dritten Parameter in DropDownList.

return htmlHelper.DropDownList(metaData.PropertyName, query.ToList(), 
    /* some string containing default value extracted from your enum */); 

Auf diese Weise alle DropDownListForEnum erstellt DDLs verwendet, wird der erste Wert der Enumeration als „default“ Wert verwenden, und alles, was Sie zu bestätigen tun müsste, ist eine [Required] Datenaufbelichtung zu PreferredColor hinzuzufügen.

Alternativ können Sie die Option Default von Ihrem Enum entfernen und lassen Sie Ihren Htmlhelper (oder eine neue erstellen) einen dritten Parameter zu nehmen, eine Zeichenfolge, die die optionLabel enthält, die Sie DropDownList passieren würde.

Wie auch immer, die Idee ist, optionLabel zu verwenden, da der Validator die ganze Arbeit für Sie erledigen wird.