如何在单个视图中添加多个模型？需在Index视图集成班级模型实现下拉框

看起来你需要把班级数据整合到现有的分页视图里，实现基于ClassID的下拉选择功能。下面是一步步的具体操作：

1. 创建合并的ViewModel #

因为你的视图原本绑定的是IPagedList<C_QuestionTable>，但现在需要同时传递班级列表，最好创建一个ViewModel来包装这两个数据：

// 在你的Models文件夹下新建一个类，比如QuestionIndexViewModel.cs
using PagedList;
using opr.Data;

namespace opr.Models
{
    public class QuestionIndexViewModel
    {
        public IPagedList<C_QuestionTable> Questions { get; set; }
        public List<Class> Classes { get; set; } // 假设你的班级模型叫Class，根据实际类名调整
        public int? SelectedClassId { get; set; } // 用于保存用户选择的班级ID
    }
}

2. 修改Controller的Index方法 #

更新你的Controller逻辑，从数据库获取班级列表，和分页的问题数据一起打包到ViewModel中传递给视图：

public ActionResult Index(int? page, int? selectedClassId)
{
    int pageSize = 10; // 按需调整分页大小
    int pageNumber = (page ?? 1);

    // 获取班级列表，假设你的DbContext里有Classes集合
    var classes = db.Classes.OrderBy(c => c.ClassName).ToList();

    // 获取问题数据，若有选中班级则过滤结果
    var questionsQuery = db.C_QuestionTable.AsQueryable();
    if (selectedClassId.HasValue)
    {
        questionsQuery = questionsQuery.Where(q => q.ClassID == selectedClassId.Value);
    }

    var viewModel = new QuestionIndexViewModel
    {
        Questions = questionsQuery.OrderBy(q => q.Id).ToPagedList(pageNumber, pageSize),
        Classes = classes,
        SelectedClassId = selectedClassId
    };

    return View(viewModel);
}

3. 更新Index视图的模型引用与下拉框渲染 #

修改视图顶部的模型声明，替换掉原来的@Html....部分来渲染班级下拉框：

@using opr.Models;
@using PagedList;
@using PagedList.Mvc;
@model opr.Models.QuestionIndexViewModel <!-- 替换原模型声明 -->

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

@* 用表单包裹过滤区域，实现提交过滤 *@
@using (Html.BeginForm("Index", "YourControllerName", FormMethod.Get))
{
    <div class="alert-success form-control m-auto w-75 custom-form">
        <div class="col-6 pb-3 input-control">
            <label for="ex3"> Select Class:</label>
            @* 绑定SelectedClassId，自动回显用户选择 *@
            @Html.DropDownListFor(
                model => model.SelectedClassId,
                new SelectList(Model.Classes, "ClassID", "ClassName"), // 第一个参数是值字段，第二个是显示文本字段
                "All Classes", // 默认占位选项文本
                new { @class = "form-control", id = "ex3" }
            )
            <button type="submit" class="btn btn-primary mt-2">Filter</button>
        </div>

        @* 保留原问题列表渲染，将Model改为Model.Questions *@
        @foreach (var item in Model.Questions)
        {
            <!-- 你的问题项渲染逻辑 -->
        }

        @* 更新分页控件，带上选中的班级ID参数 *@
        @Html.PagedListPager(Model.Questions, page => Url.Action("Index", new { page, selectedClassId = Model.SelectedClassId }))
    </div>
}

关键注意点 #

• 确保你的班级模型（比如Class）有ClassID（值字段）和用于显示的属性（比如ClassName），根据实际字段名调整SelectList的参数。
• 如果想要无刷新过滤效果，可以用AJAX监听下拉框的change事件，异步加载数据更新页面内容。
• 分页链接一定要带上selectedClassId参数，这样分页后能保持当前的班级过滤状态。

这样就能在你的Index视图里成功添加班级下拉框，并且实现基于ClassID的过滤功能了。

内容的提问来源于stack exchange，提问作者Arif Hussian