javascript - 将 Html.EditorFor 替换为 Bootstrap Toggle

标签 javascript asp.net asp.net-mvc html 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/ 上的示例,value 的使用无处可寻看到了,这很奇怪,因为它最初是一个复选框。

任何关于如何将模型数据绑定(bind)到 Bootstrap Data-Toggle 组件的想法将不胜感激:-)

最佳答案

对于 MVC 5 这似乎可行:

@Html.EditorFor(model => model.IsPayed, 
new { htmlAttributes = 
new { data_toggle = "toggle", data_on = "Payed", data_off = "Not payed", data_onstyle = "success", data_offstyle = "danger", type = "checkbox" } })

在 htmlAttributes 中使用 _ 而不是 -,它们通过并转换为 -。 (IsPayed 是模型中的 bool 值)

关于javascript - 将 Html.EditorFor 替换为 Bootstrap Toggle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28603082/

相关文章:

asp.net - Html.AntiForgeryToken 辅助函数有什么用?

c# - GMap subgurim.net 仅显示灰色框

asp.net - 缩小 ASP.Net MVC 应用程序的 HTML 输出

javascript - 用数组填充下拉列表

asp.net - 将验证器添加到在绑定(bind)字段的编辑模式下创建的 gridview 文本框

asp.net - 任何人都有ASP.Net的标签建议组件?

javascript - 执行回退时 window.jQuery 和 if (typeof jQuery == "undefined") 之间有什么区别?

javascript - 正则表达式匹配以 Javascript 结尾的文件

javascript - Node js Google Drive api 错误

javascript - Ember 数据 JSON-RPC 请求示例