时间戳

首页 > 解决方案 > 多选下拉项目在更新时自动选择属性

c# - 多选下拉项目在更新时自动选择属性

问题描述

在一个页面上，我有一个多选下拉菜单。每当我需要插入数据时它都可以正常工作，但是当我需要更新插入的数据时会出现问题。

问题每当我单击数据旁边的编辑按钮（在我的情况下 - 关于书籍数据）时，表单中的每个字段都会填满，但选择下拉菜单项不会自动选择为先前选择的内容。我必须再次手动重新选择它。更新数据本身的过程可以正常工作（一旦我再次重新选择它）。

它使用多对多关系。当我使用复选框时工作正常，但我想在下拉菜单上重新做。

控制器

public ViewResult Index(int? Id)
        {
            SelectList selectList = new SelectList(_authorRepository.GetAllAuthors()
                    .Select(x => new { x.Id, Title = x.Name + " " + x.Lastname }), "Id", "Title");
            BooksIndexViewModel viewModel = new BooksIndexViewModel()
            {
                Books = _booksRepository.GetAllBooks(),
                AuthorOptions = selectList,
                authors = _authorRepository.GetAllAuthors(),
                Book = _booksRepository.GetBook(Id ?? 0),
                publishers = _publisherRepository.GetAllPublishers(),
                indexPage = _dataRepository.Generatedata("Knygos", Id,
                    ControllerContext.RouteData.Values["controller"].ToString())
            };
            return View(viewModel);
        }

这AuthorOptions是通过asp-items的内容。表单本身使用Book.

Index.cshtml（删除的其他行，仅在左侧形成）

<form asp-controller="@Model.indexPage.controller" 
    asp-action="@Model.indexPage.action" 
    asp-route-id="@if (Model.indexPage.routeId.HasValue) {@Model.indexPage.routeId.Value}"  method="post">
        <div class="inputs">
            <div> <input asp-for="@Model.Book.Title" /> </div>
            <div> <select asp-for="@Model.Book.BookAuthors" 
                asp-items="@Model.AuthorOptions" name="author[]"></select> </div>
            <div>
                <select asp-for="@Model.Book.PublisherId"  
                    asp-items="@(new SelectList(Model.publishers, "Id", "Title"))"></select>
            </div>
            <div><input asp-for="@Model.Book.Cost" /></div>
            <div><input asp-for="@Model.Book.Code" /></div>
            <div><input asp-for="@Model.Book.InvNr" /></div>
            <div><input asp-for="@Model.Book.Description" /></div>
        </div>
        <button type="submit">Save</button>
    </form>

我追求的那一行是<select asp-for="@Model.Book.BookAuthors" asp-items="@Model.AuthorOptions" name="author[]"></select>. 它和整个表单从我的存储库中获取数据。

存储库

public Book GetBook(int Id)
        {
            return db.Books.Include(x => x.BookAuthors).SingleOrDefault(x => x.Id == Id);
        }

Value下拉菜单里面是AuthorId，模型BookAuthors里面Book是 aIList并连接到一个BookAuthor模型：

public class BookAuthor
    {
        public int BookId { get; set; }
        public Book Book { get; set; }
        public int AuthorId { get; set; }
        public Author Author { get; set; }
    }

所以问题是，为什么每当我（从我的 ID）获得图书的数据时，所有字段（包括PublisherID下拉但单对单连接）都会被选中，但我的作者下拉菜单却没有？我错过了什么？

编辑 1

通过更改asp-for="@Model.Book.BookAuthors"=>asp-for="@Model.Book.BookAuthors[0].AuthorId"使用技巧以获取选中但如果图书数据的作者超过 1 位，则从下拉菜单中仅选择 1 位作者。+ 下拉菜单不再是多选，但可以通过添加属性来覆盖，multiple但仍然只能从下拉菜单中选择一项。

标签： c#asp.netmulti-select

解决方案

想出了一个窍门。

在 viewModel 中创建了 integer 的 IList public IList<int> AuthorIds。在 .cshtml 中，intasp-for=""使用了新创建的整数列表AuthorIds。在控制器内部，AuthorIdsViewModel 中的_booksRepository.GetBook(Id).BookAuthors.Select(x => x.AuthorId).ToList();

所以项目看起来像这样：

控制器

public ViewResult Index(int? Id)
        {
            BooksIndexViewModel viewModel = new BooksIndexViewModel()
            {
                Books = _booksRepository.GetAllBooks(),
                AuthorOptions = new SelectList(_authorRepository.GetAllAuthors()
                    .Select(x => new { x.Id, Title = x.Name + " " + x.Lastname }), "Id", "Title"),
                Book = _booksRepository.GetBook(Id),
                publishers = _publisherRepository.GetAllPublishers(),
                indexPage = _dataRepository.Generatedata("Knygos", Id,
                    ControllerContext.RouteData.Values["controller"].ToString())
            };
            if (Id != null)
                viewModel.AuthorIds = _booksRepository.GetBook(Id).BookAuthors.Select(x => x.AuthorId).ToList();
            return View(viewModel);
        }

cshtml

<form asp-controller="@Model.indexPage.controller" asp-action="@Model.indexPage.action"
          asp-route-id="@if (Model.indexPage.routeId.HasValue) {@Model.indexPage.routeId.Value}" 
          method="post" class="form grid">
        <div class="inputs">
            <div><input asp-for="@Model.Book.Title" class="w100" /></div>
            <div><select asp-for="@Model.AuthorIds" asp-items="@Model.AuthorOptions"
                name="author[]" multiple></select></div>
            <div><select asp-for="@Model.Book.PublisherId" 
                        asp-items="@(new SelectList(Model.publishers, "Id", "Title"))">
            </select></div>
            <div><input asp-for="@Model.Book.Cost" /></div>
            <div><input asp-for="@Model.Book.Code" /></div>
            <div><input asp-for="@Model.Book.InvNr" /></div>
            <div><input asp-for="@Model.Book.Description" /></div>
        </div>
        <button type="submit">Save</button>
    </form>

其他一切都没有改变。

推荐阅读