在MVC 5视图中的可滚动列表中显示大量复选框

Question

在这个 asp.net MVC 5教程中,Tom Dykstra指出:

在课程数量有限的情况下,编辑讲师课程数据的方法很有效.对于更大的集合,将需要不同的UI和不同的更新方法.

目前我正在研究MVC5中的一些大学项目,其中"主要"模型有两个多对多关系.两者都是大型集合(400+),应该通过仅使用Create或Edit方法中的复选框将其绑定(具有多个选择)到"main"模型.所以,我接受了提到的asp.net MVC教程,并使一切正常,除了页面加载800复选框,所以你必须一直向下滚动提交按钮.

有没有办法将所有这些复选框放在一个可滚动的字段中？

先感谢您.

Answer 1

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

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

请参阅此处的示例: 使用CSS使div可垂直滚动