通过下拉列表设置变量以限制索引视图

Question

我有一个 Products 控制器，每个产品都包含一个 location 属性。 我希望“主页”，即“主页”控制器视图，显示产品不同位置的下拉列表。选择位置后，我需要产品控制器的索引视图来仅显示该位置的产品。我的设置如下：

'首页索引视图'

@using Microsoft.AspNet.Identity
@model ListView.Controllers.AspNetProduct

...

@using (Html.BeginForm("IndexLocation", "Products", FormMethod.Get))
    {
        <p>
            Enter your location: <br />
            @Html.DropDownListFor(model => model.Location, ListView.Controllers.ProductsController.Locations)
            <button type="submit">Submit</button>
        </p>
    }

地点。位于 ProductsController 中的列表

// Location List
    public static List<SelectListItem> Locations = new List<SelectListItem>()
    {
        new SelectListItem() {Text="Beaverton-Hillsboro, OR", Value="Beaverton-Hillsboro, OR"},
        new SelectListItem() {Text="Corvallis, OR", Value="Corvallis, OR"},
        new SelectListItem() {Text="Eugene, OR", Value="Eugene, OR"},
        new SelectListItem() {Text="Medford, OR", Value="Medford, OR"},
        new SelectListItem() {Text="Portland, OR", Value="Portland, OR"},
        new SelectListItem() {Text="Salem, OR", Value="Salem, OR"},
        new SelectListItem() {Text="Tualatin, OR", Value="Tualatin, OR"},
        new SelectListItem() {Text="Vancouver, WA", Value="Vancouver, WA"},
        new SelectListItem() {Text="Wilsonville, OR", Value="Wilsonville, OR"}
    };

'ProductsController 索引 & IndexLocation 方法'

public ActionResult IndexLocation(string location)
    {
        ViewBag.location = location;

        return View("Index");
    }

    // GET: Products
    public ActionResult Index(string category, string searchString)
    {
        string location = ViewBag.location;

        var CategoryLst = new List<string>();

        var CategoryQry = from d in db.AspNetProducts
                          orderby d.Category
                          select d.Category;

        CategoryLst.AddRange(CategoryQry.Distinct());
        ViewBag.category = new SelectList(CategoryLst);

        var aspNetProducts = db.AspNetProducts.Include(a => a.AspNetUser);

        if (!String.IsNullOrEmpty(location))
        {
            aspNetProducts = aspNetProducts.Where(a => a.Location == location);
        }

        if (!String.IsNullOrEmpty(searchString))
        {
            aspNetProducts = aspNetProducts.Where(a => a.Title.Contains(searchString));
        }

        if (!string.IsNullOrEmpty(category))
        {
            aspNetProducts = aspNetProducts.Where(a => a.Category == category);
        }

        return View(aspNetProducts.ToList());
    }

我的主页显示的dropdownmenu具有适当的选项，但是当我选择一个位置并按Enter键时，它会尝试重定向到产品视图，但我收到了我的产品索引的类别查找错误： "没有具有键 'category' 的 'IEnumerable' 类型的 ViewData 项。"

这是我的产品视图索引开始的样子，如果我在此页面开始构建，它非常适合搜索，但如果我从主页开始，选择位置，然后重定向到此视图，它就不起作用..

@using (Html.BeginForm("Index", "Products", FormMethod.Get))
{
    <p>
        Category: @Html.DropDownList("category", "All")
        Title: @Html.TextBox("SearchString")
        <input type="submit" value="Search" /><br />
        @Html.ActionLink("Clear Filters", "Index", "Products")
    </p>
} <br />

感谢任何帮助，因为我被卡住了..！

Answer 1

您的代码下面的行查找 ViewBag.category ：

Category: @Html.DropDownList("category", "All")

这意味着要确保您的所有控制器都必须为 ViewBag.category 分配一个选择列表，就像您对 ViewBag.locations 所做的那样，否则您将拥有“没有类型为 'IEnumerable' 的 ViewData 项有键 'category'。"

另一个建议是使用 Ajax.BeginForm 重新加载母版页上的局部视图，而无需重定向