首页 > 解决方案 > 如何使用下拉列表绑定来自不同 SQL 表的数据?

问题描述

我正在尝试使用身份创建一个 ASP.NET Core 3.1 MVC Web 应用程序。该应用程序有用户和管理员。管理员可以创建新任务并将其分配给用户。

我在 2 个不同的下拉列表中获得用户和任务列表,如下所示:
查看:Assign.cshtml

@model TaskManager2.ViewModels.AssignViewModel

@{
    ViewData["Title"] = "Assign";
}

<h1>Assign</h1>

<h4>Assign</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="Assign">
        <div class="form-group">
            @Html.DropDownListFor(t => t.TaskId,
            Model.Tasks, "--Select task--")
        </div>
        <div class="form-group">
            @Html.DropDownListFor(u => u.Id,
            Model.Users, "--Select user--")
        </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

管理员控制器:

private readonly ApplicationDbContext _context;
    public AdminController(ApplicationDbContext context)
    {
        _context = context;
    }
    public IActionResult Index()
    {
        return View();
    }
    public IActionResult Assign()
    {
        var users = (from u in _context.Users select new SelectListItem { Value = u.Id, Text = u.FirstName }).ToList();
        var tasks = (from t in _context.Task select new SelectListItem { Value = t.TaskId.ToString(), Text = t.Description }).ToList();

        var user = _context.Users.FirstOrDefault();
        return View(new AssignViewModel { Users = users, Tasks = tasks });
    }
    [HttpPost]
    [ValidateAntiForgeryToken]
    public async Task<IActionResult> Assign([Bind("TaskId, Id")] Assign assign)
    {
        if (ModelState.IsValid)
        {
            _context.Add(assign);
            await _context.SaveChangesAsync();
            return RedirectToAction(nameof(Index));
        }
        return View(assign);
    }

视图模型:

public class AssignViewModel
{
    public IList<SelectListItem> Tasks;
    public IList<SelectListItem> Users;
    //public long SelectedUserId { get; set; }
    //public long SelectedTaskId { get; set; }
    //Added these lines instead
    public Task TaskId { get; set; }
    public IdentityUser Id { get; set; }
}

模型:Assign.cs

public partial class Assign
{
    public long AssignId { get; set; }
    public long TaskId { get; set; }
    //[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public string Id { get; set; }
}

我收到了以前在 stackoverflow 上询问的错误:here,我尝试了解决方案。我在 Assign.cs 上添加了注释行,但我得到的结果不是我想要的。我们的想法是将 AspNetUser 中的用户 ID 和 Task 表中的 taskId 保存在名为 Assign 的第三个表中。这是它的样子:

分配
我是新手,所以我不太明白它是如何工作的。我将衷心感谢您的帮助!谢谢!
编辑 我对上面的代码进行了更改,并将主键的身份规范设置为是。它工作并将用户 ID 和相应的任务 ID 记录到数据库中。现在我正在尝试创建类似的东西:

@if ((bool)ViewData["HasError"]) //not working
{   <div class="alert alert-danger" role="alert">

        Please select!
    </div>
}

如果用户没有选择任何选项而不是抛出此错误,这将发出警报:

InvalidOperationException:传递到 ViewDataDictionary 的模型项的类型为“TaskManager2.Models.Assign”,但此 ViewDataDictionary 实例需要一个“TaskManager2.ViewModels.AssignViewModel”类型的模型项。

标签: c#sql-serverasp.net-mvcasp.net-coredropdown

解决方案


在 http post 行中,您正在发送分配(实体模型)

到控制器,因此模型状态将在分配类上完成,

我认为您应该在那里使用 AssignViewModel,因为与视图的所有交互都应该使用 viewmodel 进行,如果您的视图模型是有效的,那么就会隐蔽为实际实体。


推荐阅读