将复选框的集合包装到textarea MVC 3中

问题描述

| 我将复选框的集合（超过20个）呈现到MVC 3 Razor视图上，而不是让用户滚动浏览较长的页面，而是希望将其放入可滚动的显示中。 Textarea似乎是显而易见的选择，但我很难将其包装在textarea周围。为了使事情更加棘手，这些复选框是动态迭代和创建的，因此我基本上需要了解如何将此迭代包装到可滚动区域中：

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中的可伸缩区域，所以也许我会在那碰到一些东西。谢谢！     

解决方法

您应该将它们与

overflow: scroll

放在

<div>

中。