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

Question

在this asp.net MVC 5教程中，Tom Dykstra指出：

  

当课程数量有限时，编辑讲师课程数据的方法很有效。对于更大的集合，将需要不同的UI和不同的更新方法。

目前我正在MVC5的一些大学项目中工作，其中＆＃34;主要＆＃34;模型有两个多对多的关系。两者都是大型集合（400+），应该绑定（有多个选择）到＆＃34; main＆＃34;仅使用“创建”或“编辑”方法中的复选框进行建模。所以，我接受了提到的asp.net MVC教程并使一切正常，除了页面加载了800个复选框，因此你必须一直向下滚动以提交按钮。

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

提前谢谢。

Answer 1

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

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

在此处查看示例： Making a div vertically scrollable using CSS

Answer 2

除了显示800个复选框可能不是一个好主意之外，你可以有一个可滚动的div包装它们：

<div style='overflow:auto; width:400px;height:100px;'>
    input checkboxes
</div>

也许您必须使用宽度/高度，但溢出css属性可以使用滚动条。