asp.net-core - 在 ASP.NET Core 3.1 MVC 中单击按钮导航到新视图

问题描述

我正在尝试通过单击按钮将用户导航到新页面。我在渲染新视图时遇到问题。每当我单击该按钮时，我要么在我的页面上收到一个下拉错误，要么我得到主页视图，但在 URL 中有我想要的路由。我想指出，用户将从主页导航到此页面，这是我在应用程序上制作的新登录页面。我想指出这一点，以防我在这里所做的事情可以被修改。我如何创建一个新的登陆页面

我想从我的登录页面导航到我的图书目录页面。

我的观点（在登陆页面上）：

<form method="post" asp-controller="Home" asp-action="Home" role="post">
    <div class="form-group">
        <label asp-for="bookName"></label>
        <select name="bookName" asp-items="@(new SelectList(ViewBag.message, "ID", "bookName"))">
</select>
    </div>
    <div class="form-group">
        <input type="submit" value="Submit" class="btn btn-primary" />
    </div>
</form>
<div class="row">
    <div class="form-group">
        <a asp-controller="BookInventory" asp-action="Index">
            <input type="button" value="Book Inventory Page" /> 
        </a>
    </div>
</div>

我的控制器（在我的登录页面上）

        public void GetBooksDDL()
        {
            List<BookModel> bookName = new List<BookModel>();
            bookName = (from b in _context.BookModel select b).ToList();
            bookName.Insert(0, new BookModel { ID = 0, bookName = "" });
            ViewBag.message = bookName;
        }

        [HttpGet("[action]")]
        [Route("/Home")]
        public IActionResult Home()
        {
            GetBooksDDL()
            return View();
        }

我的控制器（在我的图书库存页面上）：

        [HttpGet("[action]")]
        [Route("/Index")]
        public IActionResult Index()
        {
            return View();
        }

我想指出，我的图书库存控制器上的断点确实命中了“return View()”，但它仍会从主页呈现项目。

我在图书下拉菜单中遇到的错误是：

ArgumentNullException：值不能为空。（参数“项目”）Microsoft.AspNetCore.Mvc.Rendering.MultiSelectList.ctor（IEnumerable 项目，字符串 dataValueField，字符串 dataTextField，IEnumerable selectedValues，字符串 dataGroupField）。

我想知道为什么在尝试导航到其他页面时会出现此错误。由于这是新的登录页面，它是否有可能将其所有数据传递到其余页面？

标签： asp.net-coremodel-view-controllerrazordropdownargumentnullexception

解决方案

ArgumentNullException：值不能为空。（参数“项目”）Microsoft.AspNetCore.Mvc.Rendering.MultiSelectList.ctor（IEnumerable 项目，字符串 dataValueField，字符串 dataTextField，IEnumerable selectedValues，字符串 dataGroupField）。

关于这个错误，说明你没有为select元素设置值，在返回视图之前，请检查ViewBag.message的值，确保它包含值。

注意：请记住检查 post 方法，如果 Http Get 和 Post 方法返回相同的页面，请确保在两个 action 方法中都设置了 ViewBag.message 值。

我想指出，我的图书库存控制器上的断点确实命中了“return View()”，但它仍会从主页呈现项目。

在 BookInventory Controller Index 操作方法中，右键单击并单击“Go to View”选项，确保您已添加 Index 视图。

根据您的代码，我使用以下代码创建了一个示例，似乎一切正常。

家庭控制器中的代码：

    [HttpGet("[action]")]
    [Route("/Home")]
    public IActionResult Home()
    {
        GetBooksDDL();
        return View();
    }

    [HttpPost("[action]")]
    [Route("/Home")]
    public IActionResult Home(BookModel book, string bookName)
    {
        GetBooksDDL();
        //used to set the default selected value, based on the book id (bookName) to find the book.
        List<BookModel> booklist = (List<BookModel>)ViewBag.message;
        book = booklist.Find(c => c.ID == Convert.ToInt32(bookName));

        return View(book);
    }

主页视图中的代码：

@model BookModel
@{
    ViewData["Title"] = "Home";
}

<h1>Home</h1>

<form method="post" asp-controller="Home" asp-action="Home" role="post">
    <div class="form-group">
        <label asp-for="bookName"></label>
             <select name="bookName" asp-items="@(new SelectList(ViewBag.message, "ID", "bookName", Model == null? 0:Model.ID))">
        </select>
    </div>
    <div class="form-group">
        <input type="submit" value="Submit" class="btn btn-primary" />
    </div>
</form>
<div class="row">
    <div class="form-group">
        <a asp-controller="BookInventory" asp-action="Index">
            <input type="button" value="Book Inventory Page" />
        </a>
    </div>
</div>

BookInventory 控制器中的代码：

public class BookInventoryController : Controller
{
    [HttpGet("[action]")]
    [Route("/Index")]
    // GET: BookInventory
    public ActionResult Index()
    {
        return View();
    }

截图如下：

如果还是不行，请检查你的路由配置，可能是路由配置有问题。

asp.net-core - 在 ASP.NET Core 3.1 MVC 中单击按钮导航到新视图

问题描述

解决方案

推荐阅读