Використання переліку для випадаючого списку в ASP.NET MVC Core


83

Я намагаюся створити випадаючий список із властивістю перерахування в ASP.NET MVC Core, використовуючи помічник тегу у поданні Razor:

Ось модель:

public class PersonalMember : Member
{
    [Required, Display(Name = "First Name")]
    public string FirstName { get; set; }

    [Required, Display(Name = "Last Name")]
    public string LastName { get; set; }

    [EnumDataType(typeof(Gender))]
    public Gender GenderType { get; set; }
}

public enum Gender
{
    Male = 1,
    Female = 2
}

Ось частина форми у поданні:

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

У мене проблема полягає в тому, що після Html.GetEnumSelectList, GenderTypeне розпізнається і відображається як помилка.

Хтось знає, як це вирішити?


2
спробуйте вказати це як ... @ (Html.GetEnumSelectList <GenderType> ()) "
KD

Відповіді:


122

Я думаю, ви випадково використали GenderTypeзамість Gender. Правильний синтаксис -

<select asp-for="GenderType" asp-items="Html.GetEnumSelectList<Gender>()">
    <option selected="selected" value="">Please select</option>
</select>

11
Це має бути відповіддю, він використовує сучасні помічники тегів І показує, як реалізувати GetEnumSelectList <Enum> () для побудови елемента списку.
Брайан

Перша пропозиція, яка спрацювала для мене в .net core, дякую
rogue39nin

67

GenderTypeце ваше ім’я власності, а не тип Enum. Метод GetEnumSelectList очікує, що ви надасте йому тип Enumeration, а не ім'я властивості у вашій моделі.

Спробуйте це:

Html.GetEnumSelectList<Gender>()

Можливо, потрібно буде позначити його як метадані в asp-for на зразок: Html.GetEnumSelectList <GenderType.Meta.Gender> () .. В ОП не позначено, яка версія MVC-фреймворку використовується
Mikael Puusaari

Я спробував Html.GetEnumSelectList <Gender> () та Html.GetEnumSelectList <enum Gender> () - вони обидва відображаються як помилки
Девід Шарп

1
яку помилку ви отримуєте, використовуючи мій приклад вище? Той самий? Я не думаю, що ваш другий приклад є правильним синтаксисом
ADyson,

8
У бритві вам потрібно оточити (): @ (Html.GetEnumSelectList <Gender> ()); Бо бритва інтерпретує <> як теги html інакше
dyesdyes

@ADyson, ти бачив це, будь ласка? stackoverflow.com/questions/48094102 / ...

26

Ви можете просто використовувати синтаксис Razor:

@Html.DropDownList("StudentGender", 
    Html.GetEnumSelectList<Gender>(),
    "Select Gender",new { @class = "form-control" })

1
Це справді те, що нам потрібно!
juFo

7

У мене така ж проблема, я спалив собі голову, шукаючи рішення!

Ви можете вирішити цю ситуацію, створивши інстанцію вашої моделі поверх вашого перегляду, наприклад:

@using CRM.Model;

@ using YourSolution.Model

Так, це звучить занадто дивно, але повірте мені, це працює! Дивіться мою відповідь на моєму власному дописі.

Виберіть помічник тегів ENUM в ASP.NET Core MVC


6

Нижче було те, що працювало для мене. Це необхідно і так, як це відбувається, оскільки сам перелік - це клас, оголошений в межах класу, який ви використовуєте як модель.

<select asp-for="Status" class="form-control" asp-items="@Html.GetEnumSelectList<Cart.CartStatus>()"></select>

нижче моєї моделі (незавершеного виробництва) для довідки

 public class Cart
    {
        public int CartId { get; set; }
        public List<Order> Orders { get; set; }
        [Required]
        public string UserId { get; set; }
        public DateTime DeliveryDate { get; set; }
        public CartStatus Status { get; set; }
        public enum CartStatus
        {
            Open = 1,
            Confirmed = 2,
            Shipped = 3,
            Received = 4
        }
    }

2

ви використовуєте Gender для asp-items = "Html.GetEnumSelectList -GenderType- ()" замість GenderType

наприклад asp-items = "Html.GetEnumSelectList -Gender- ()"


1

Потрібен один регістр для редагування справи, коли в DropDownList вибрано варіант

Використовуючи перелічення з ASP.NET 5 (MVC 6) Виберіть TagHelper

public enum Gender {
  [Display(Name = "Male")]Male = 1,
  [Display(Name = "Female N")]Female = 2,
  [Display(Name = "Other")]Other = 3 
}

** Для випадку редагування:

@Html.DropDownListFor(m => m, Html.GetEnumSelectList(typeof(Gender)))
@Html.DropDownListFor(m => m.Gender, Html.GetEnumSelectList<Gender>()))

@Html.DropDownListFor(m => m.Gender, Html.GetEnumSelectList<Gender>(), "Select", new { @class = "form-control" })

** Для звичайного випадку:

<select asp-for="Gender" asp-items="@Html.GetEnumSelectList<Gender>()">
   <option selected="selected" value="">Please select</option>
</select>

<select asp-for="Gender" asp-items="ViewBag.Genders"></select>

@Html.DropDownList("Gender", Html.GetEnumSelectList<Gender>(), "Select", new { @class = "form-control" })

0

Це спосіб реалізації користувацького TagHelper DropDownList з перерахуванням в netcore 3

 <radio-button-enum asp-for="@Model.Status" value="@Model.Status"></radio-button-enum>


/// <summary>
/// <see cref="ITagHelper"/> implementation targeting &lt;enum-radio-button&gt; elements with an <c>asp-for</c> attribute, <c>value</c> attribute.
/// </summary>
[HtmlTargetElement("radio-button-enum", Attributes = RadioButtonEnumForAttributeName)]
public class RadioButtonEnumTagHelper : TagHelper
{
    private const string RadioButtonEnumForAttributeName = "asp-for";
    private const string RadioButtonEnumValueAttributeName = "value";

    /// <summary>
    /// Creates a new <see cref="RadioButtonEnumTagHelper"/>.
    /// </summary>
    /// <param name="generator">The <see cref="IHtmlGenerator"/>.</param>
    public RadioButtonEnumTagHelper(IHtmlGenerator generator)
    {
        Generator = generator;
    }

    /// <inheritdoc />
    public override int Order => -1000;

    [HtmlAttributeNotBound]
    [ViewContext]
    public ViewContext ViewContext { get; set; }

    protected IHtmlGenerator Generator { get; }

    /// <summary>
    /// An expression to be evaluated against the current model.
    /// </summary>
    [HtmlAttributeName(RadioButtonEnumForAttributeName)]
    public ModelExpression For { get; set; }

    [HtmlAttributeName(RadioButtonEnumValueAttributeName)]
    public Enum Value { get; set; }

    /// <inheritdoc />
    /// <remarks>Does nothing if <see cref="For"/> is <c>null</c>.</remarks>
    public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        if (context == null)
        {
            throw new ArgumentNullException(nameof(context));
        }

        if (output == null)
        {
            throw new ArgumentNullException(nameof(output));
        }

        var childContent = await output.GetChildContentAsync().ConfigureAwait(true);
        string innerContent = childContent.GetContent();
        output.Content.AppendHtml(innerContent);

        output.TagName = "div";
        output.TagMode = TagMode.StartTagAndEndTag;
        output.Attributes.Add("class", "btn-group btn-group-radio");
        
        var modelExplorer = For?.ModelExplorer;
        var metaData = For?.Metadata;

        if (metaData?.EnumNamesAndValues != null)
        {
            foreach (var item in metaData.EnumNamesAndValues)
            {
                string enumId = $"{metaData.ContainerType.Name}_{metaData.PropertyName}_{item.Key}";
                string enumInputLabelName = item.Key.ToString();

                bool enumIsChecked = false;
                if (Value != null)
                {
                    if (enumInputLabelName == Value.ToString())
                    {
                        enumIsChecked = true; }
                }
                else
                {
                    if (For.Model != null && enumInputLabelName == For.Model.ToString())
                    {
                        enumIsChecked = true;
                    }
                }

                var enumResourcedName = metaData.EnumGroupedDisplayNamesAndValues.FirstOrDefault(x => x.Value == item.Value);
                if (enumResourcedName.Value != null)
                {
                    enumInputLabelName = enumResourcedName.Key.Name;
                }

                var enumRadio = Generator.GenerateRadioButton(
                    ViewContext,
                    For.ModelExplorer,
                    metaData.PropertyName,
                    item.Key,
                    false,
                    htmlAttributes: new { @id = enumId });
                enumRadio.Attributes.Remove("checked");
                if (enumIsChecked)
                {
                    enumRadio.MergeAttribute("checked", "checked");
                }
                output.Content.AppendHtml(enumRadio);

                var enumLabel = Generator.GenerateLabel(
                    ViewContext,
                    For.ModelExplorer,
                    For.Name,
                    enumInputLabelName,
                    htmlAttributes: new { @for = enumId, @Class = "btn btn-default" });
                output.Content.AppendHtml(enumLabel);
            }
        }
    }
}
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.