Select ENUM Tag Helper in ASP.NET Core MVC

Question

I need some help with an ENUM dropdown using Tag Helper.

I found lots exemples binding a model to Selectlist and some using ENUM but all of them, about CREATE action, and Im facing problems with EDIT action.

MY MODEL

 public class ProspectLog
    {
        public int Id { get; set; }
        public int IdProspect { get; set; }
        public int IdEmpresa { get; set; }
        public DateTime Criado { get; set; }
        public string Usuario { get; set; }
        public string Descricao { get; set; }

        public ETipoLog TipoLog { get; set; }

        public enum ETipoLog
        {
            [Display(Name = "CADASTRO")]
            Cadastro = 0,
            [Display(Name = "CONTATO")]
            Contato = 1,
            [Display(Name = @"TROCA ETAPA")]
            Troca = 2,
            [Display(Name = @"QUALIFICAÇÃO")]
            Qualifica = 3,
            [Display(Name = @"EDIÇÃO")]
            Edicao = 4
        }
    }

On my old project based on MVC5 I just used this on my View and it was enough.

DROPDOWN

<div class="form-group col-sm-6">
   <label style="font-weight: bolder" for="txtSituacao">Situação</label>
   @Html.EnumDropDownListFor(model => model.Situacao, htmlAttributes: new { @class = "form-control" })
   @Html.ValidationMessageFor(model => model.Situacao, "", new { @class = "text-danger" })
</div>

I tried with difent ways and I coudnt set the dropdown with database item select on Edit action. I tried this way:

<div class="form-group">
    <label asp-for="TipoLog" class="col-md-2 control-label"></label>
    <div class="col-md-10">             
         <select asp-for="TipoLog" class="form-control"></select>
         <span asp-validation-for="TipoLog" class="text-danger"></span>
     </div>
</div>

I also tried like that:

 <div class="form-group">
     <label asp-for="TipoLog" class="col-md-2 control-label"></label>
     <div class="col-md-10"> 
          <select asp-for="TipoLog" asp-items="Html.GetEnumSelectList<TipoLog>()"></select>
           <span asp-validation-for="TipoLog" class="text-danger"></span>
      </div>
</div>

But it ran me to an compilation error:

I also tryed to bind a model a list to a ViewBag on my controller, this way:

CONTROLLER:

ViewBag.Log = new SelectList(lista, "Id", "Nome");

VIEW:

 <div class="form-group col-sm-2">
      <label asp-for="TipoLogo" class="col-md-2 control-label"></label>
      <select asp-for="TipoLogo" asp-items="ViewBag.Log" class="form-control"></select>
       <span asp-validation-for="TipoLogo" class="text-danger"></span>
</div>

Its worked partially, the drop down listed the items, but not selecting the correct item from database. it show the first on the list as selected.

I also found this tutorial: jerriepelser.com/blog/using-enum-aspnet-5-select-taghelper but as I mentioned above, it ran me to an exception and i couldnt solve the problem. — Rogerio Azevedo
– Rogerio Azevedo, Commented Jun 26, 2017 at 14:49

Rogerio Azevedo · Accepted Answer · 2022-01-23 20:29:47Z

13

Finally I found the solution!

It doesn't seem obvious, but that way I have no compilation errors!!! The answer I got from Ivan was not incorrect, but it was necessary to import the CRM.Model on the view like:

@using CRM.Model;

So, my dropdown:

<select asp-for="TipoLog" asp-items="Html.GetEnumSelectList<ETipoLog>()" class="form-control"></select>

You can see, Visual Studio told me it was unnecessary, painting it in grey, but without that, I get compilation error. I hope I can help someone else.

edited Jan 23, 2022 at 20:29

answered Jul 28, 2017 at 20:38

Rogerio Azevedo

7942 gold badges13 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James Allen · Accepted Answer · 2017-11-01 05:55:55Z

6

You are forgetting to escape the C# code inside the HTML with "@"

Try:

<select asp-for="TipoLog" asp-items="Html.GetEnumSelectList<TipoLog>()"></select>

Updated to remove @ before Html.Get....

edited Nov 1, 2017 at 5:55

James Allen

1621 gold badge1 silver badge11 bronze badges

answered Jul 16, 2017 at 0:59

Martín La Rosa

8106 silver badges22 bronze badges

1 Comment

Rogerio Azevedo Over a year ago

Hey Martin, Tag Helper dont use @ as you adviced. Anyway, thank you for your answer.

jmdon · Accepted Answer · 2018-08-23 10:36:09Z

4

This worked for me, without needing the using declaration.

<select asp-for="ClientFeeStage"
   asp-items="@Html.GetEnumSelectList(typeof(AT.Domain.Entities.ClientFeeStage))"
   class="form-control">

answered Aug 23, 2018 at 10:36

jmdon

1,01710 silver badges17 bronze badges

1 Comment

thesystem Over a year ago

The other approaches in this post didn't work for me, but yours did. Thanks!

Ivan R. · Accepted Answer · 2017-06-26 16:55:10Z

3

Try <select asp-for="TipoLog" asp-items="Html.GetEnumSelectList<ETipoLog>()"></select>

answered Jun 26, 2017 at 16:55

Ivan R.

1,9151 gold badge13 silver badges13 bronze badges

1 Comment

Rogerio Azevedo Over a year ago

Hi Ivan, thank you for you answer. I have already tried but i got same compilation error.

Collectives™ on Stack Overflow

Select ENUM Tag Helper in ASP.NET Core MVC

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related