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

Question

我将复选框（超过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; 
      } 

我只是找出有关scollable地区HTML和CSS，所以也许我会碰到一些东西。谢谢！

Answer 1

你应该把它们放在<div>与overflow: scroll。