替换Html.EditorFor for Bootstrap Toggle

时间:2015-02-19 09:45:50

标签: javascript asp.net asp.net-mvc html5 twitter-bootstrap

目前我正在将Html.EditorForbool?字段结合使用,并想知道是否可以使用Bootstrap Toggle替换它。

我尝试了以下内容:

ViewBag.News = Convert.ToBoolean(model.News) ? "Yes" : "No";

@Html.HiddenFor(model => model.News)
<input name="news" type="checkbox" value="@ViewBag.News" data-toggle="toggle" data-off="No" data-on="Yes" data-onstyle="success" />

似乎忽略了value字段,并且查看http://www.bootstraptoggle.com/上的示例,无法看到值的使用,这最初是一个奇怪的复选框。

关于如何将模型数据绑定到Bootstrap Data-Toggle组件的任何想法都将非常感激: - )

2 个答案:

答案 0 :(得分:2)

对于MVC 5,这似乎有效:

{{1}}

在htmlAttributes中使用_而不是 - 它们会传递并转换为 - 。 (IsPayed是模型中的布尔值)

答案 1 :(得分:1)

假设1表示一个选中的字段,则下面应该有效:

<input name="news" type="checkbox" @(ViewBag.News == "Yes" ? "checked" : "")
             data-toggle="toggle" data-off="No" data-on="Yes" data-onstyle="success"/>