asp.net mvc 3-将一组复选框包装成一个文本区域mvc 3

Question

我正在MVC 3 Razor视图中呈现一组复选框（超过20个），我不想让用户滚动浏览一个长页面，而是想把它们放在一个可滚动的显示中。文本区域似乎是一个显而易见的选择，但我很难将集合包装在文本区域周围。为了让事情变得更棘手，复选框是动态迭代和创建的，所以我基本上需要找出如何将这个迭代包装到一个可滚动的区域：

if (setting.DataType=="Multi-Value List")
            {
                string result = "";
                <br /><b>@setting.Label</b><br />
                foreach (var MultiListSetting in Model.Datasource.Where(c=>c.listId==setting.Datasource))
                {
                    if (setting.Value != null)
                    {
                        @Html.CheckBox("MultiListsetting", setting.Value.Contains(MultiListSetting.value) ? true : false, new {ID=@MultiListSetting.value}) @MultiListSetting.value;<br />
                    }
                    else
                    {
                        @Html.CheckBox("MultiListsetting", false, new { ID = @MultiListSetting.value }) @MultiListSetting.value;<br />
                    }
                }
                <br />
                @Html.Hidden("SetViewModel[" + i + "].Value", setting.Value, new { ID = "MultiValueListReturn" })
                @Html.Hidden("SetViewModel[" + i + "].ID", setting.ID)
                i += 1;
            }

我只是在了解HTML和CSS中的可搜索区域，所以也许我会在那里遇到一些东西。非常感谢。

Answer 1

您应该将它们与overflow: scroll一起放在<div>中。