Question

我在视图中使用@html.RadioButtonFor html帮助器在.cshtml页面中显示大约35个单选按钮列表值。

我希望以9列和4行显示。

在Asp.net中使用like＆＃34; RepeatLayout＆＃34;，＆＃34; RepeatDirection＆＃34;，＆＃34; RepeatColumns＆＃34;我们可以做到这一点。

同样的事情我想将它应用于mvc4。有没有办法实现相同的？

请帮忙！

控制器代码：

ViewBag.Ratio = query.Select(m => new SelectListItem { Value = m.RatioID, Text = m.Ratio_Description });

.cshtml代码

 <td colspan="3" >

            @foreach (var item in (IEnumerable<SelectListItem>)ViewBag.Ratio)
                  { 
                         @Html.RadioButtonFor(m => m.RatioType, new { @item.Value, @item.Text })
                        <label for = "@item.Value">@item.Text</label>

                  }


            </td>

Answer 1

最好的方法是使用这样的表：http://jsfiddle.net/z2L3qbh9/1/ 或者尝试用这样的css管理它：

.eachRadioBtn{
    width:11%;
    float:left;
}

用div标签包装每个radioBottuon：

<div class=".eachRadioBtn">
    @HTML.RadioButtonFor( ... )
</div>

如何在mvc4中水平和垂直对齐radiobutton列表值？

1 个答案: