ASP.NET CORE передача на сервер списка объектов

@rooten · Регистрация: 11.09.2016

Author24 — интернет-сервис помощи студентам

Делаю форму создания товара. Собственно в форму передается список всех категорий, чтобы пользователь мог выбрать 1 или несколько для нового товара.

Часть кода модели:

C#

public class CreateProductViewModel
    {
      public decima Price {get;set;}
      public string Name {get;set;}
       ...
       [Required(ErrorMessage = "Выберите категорию")]
       public List<Category> Categories { get; set; }
     }

Форма во вьюшке:

HTML5

@{
var allCategories = Model.Categories.ToList();
}
 
<form method="post" valign="top" align="left" style="padding-left:200px" asp-action="CreateProduct" asp-controller="Home">
 <label asp-for="SelectedCategories">Выберите категорию:</label><br />
    <select asp-for="Categories" name="Categories" style="width:340px;" multiple="multiple" >
        <option value="null">Корневая</option>
        @foreach (Category item in allCategories) //динамически создаем список
            {
                <option value="@item">@item.Name</option>
            }
    </select>
</form>

Код контроллера:

C#

        [HttpPost]
        public IActionResult CreateProduct(CreateProductViewModel product)
        {
            if (ModelState.IsValid)               
                return Content($"все хорошо");
            else
            {
                return Content($"все плохо...");
            }
        }

Вопроса два:
1. В контроллер ничего не приходит. Т.е. product.Categories - нуль значений.
В Request.Form["Categories"] - есть значения, но они типа стринг. {MyApp.Models.Category, ...}. Не понятно а как же передать в контроллер тогда сложный тип вместо стринг?
2. Динамически созданый список - при создании все значения в списке выделены, так как будто им пописат атрибут selected. Не выбраным остается только "корневая" категория со значением null. При выборе элемента в ручную, выделяется только выбраный, все остальные элементы сбрасывают выделение. Вопрос в том как убрать этот эффект при создании? что-то вроде selected="false", что нибкдь еще? я еще в тегхелперах не сильно разобрался...

@Usaga · 04.01.2018, 07:45

rooten, в select нельзя поместить "сложный тип". Общепринятый подход - помещать в данное поле идентификаторы (ID) по которым на сервере восстанавливать коллекцию (если надо). Вы сами по сайтам полазьте, да посмотрите (Ctrl+U), что в select заталкивают (там, где нет JS-фреймворков).

@kmaffa · 06.01.2018, 01:30

Предлагаю вот такой вариант:
Модели:

C#

public class CreateProductViewModel
{
    public int CreateProductViewModelId { get; set; }
    public double Price { get; set; }
    public string Name { get; set; }
    [Required(ErrorMessage = "Выберите категорию")]
    public string Categories { get; set; }
}
 
public class Category
{
    public int CategoryId { get; set; }
    public string Name { get; set; }
}

Контроллер (для примера):

C#

public ActionResult Create()
{
    List<Category> cat = new List<Category>();
    cat.Add(new Category { CategoryId = 0, Name = "Выберите категорию" });
    cat.Add(new Category { CategoryId = 1, Name = "Столы" });
    cat.Add(new Category { CategoryId = 2, Name = "Стулья" });
 
    CreateProductViewModel cpvm = new CreateProductViewModel { Categories = "" };
    List<SelectListItem> Categories = new List<SelectListItem>();
    foreach (var item in cat)
    {
        if (item.CategoryId == 0)
            Categories.Add(new SelectListItem { Text = item.Name, Value = string.Empty, Selected = true });
        else
            Categories.Add(new SelectListItem { Text = item.Name, Value = item.CategoryId.ToString()});
    }
    ViewBag.Categories = Categories;
    return View(cpvm);
}

Представление (классы были сгенерированы автоматически VS):

HTML5

...
<div class="col-md-10">
    @Html.DropDownListFor(model => model.Categories,
                    new SelectList(ViewBag.Categories, "Value", "Text"), new { @class = "form-control" })
    @Html.ValidationMessageFor(model => model.Categories, "", new { @class = "text-danger" })
</div>
...

Один скриншот при включенных скриптах, второй при выключенных.

@Usaga 12079 / 8388 / 1281 Регистрация: 21.01.2016 Сообщений: 31,601
	04.01.2018, 07:45	2
	rooten, в `select` нельзя поместить "сложный тип". Общепринятый подход - помещать в данное поле идентификаторы (ID) по которым на сервере восстанавливать коллекцию (если надо). Вы сами по сайтам полазьте, да посмотрите (Ctrl+U), что в `select` заталкивают (там, где нет JS-фреймворков). 1

	06.01.2018, 01:30