c# - 在 MVC 5 View 中的可滚动列表中显示大量复选框

Question

在this asp.net MVC 5 教程 Tom Dykstra 指出:

The approach taken here to edit instructor course data works well when there is a limited number of courses. For collections that are much larger, a different UI and a different updating method would be required.

目前我正在使用 MVC5 进行一些大学项目，其中“主要”模型具有两个多对多关系。两者都是大型集合(400+)，应该通过在创建或编辑方法中仅使用复选框将其绑定(bind)(通过多项选择)到“主”模型。因此，我采用了提到的 asp.net MVC 教程并使一切正常，除了页面加载了 800 个复选框，因此您必须一直向下滚动才能提交按钮。

有什么方法可以将所有这些复选框放在一个可滚动字段中吗？

提前谢谢你。

Answer 1

将复选框封装在可滚动的 div 中。

<div id="divCheckboxes" style="overflow-y: scroll; height:500px;">

请看这里的例子: Making a div vertically scrollable using CSS