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

本文关键字：显示 列表 复选框 滚动 MVC 视图 | 更新日期: 2023-09-27 18:33:17

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

此处采用的编辑教师课程数据的方法在课程数量有限时非常有效。对于更大的集合，需要不同的 UI 和不同的更新方法。

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

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

提前谢谢你。

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

将

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

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

请参阅此处的示例：使用 CSS

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

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

也许你将不得不玩宽度/高度，但溢出CSS属性可以解决滚动条的问题。

相关文章：