【问题标题】:Is there a solution for using ASP.NET MVC 5 Html.EditorFor() and Bootstrap 3.0?是否有使用 ASP.NET MVC 5 Html.EditorFor() 和 Bootstrap 3.0 的解决方案?
【发布时间】:2013-08-25 12:36:41
【问题描述】:

问题:

有没有办法让 ASP.NET MVC 5 Html.EditorFor() 表单助手与更改后的 Bootstrap 3 form syntax.* 一起工作?

讨论(关于我已经研究过的内容):

似乎有很多关于如何覆盖内置 MVC 助手的黑客问题。一般来说,似乎没有支持的解决方案来修改帮助程序 HTML。 (如有错误请指正)

因此,是否可以构建一个 shim CSS 文件,使 Helper 的 2.3.x HTML 适应 Bootstrap 3 表单 CSS 的外观?似乎 MVC 5 的大多数其他方面都与 Bootstrap 3 兼容,除了自动表单字段。

CSS shim 的好处是,当 ASP.NET MVC 更新为原生支持较新的 Bootstrap 语法时,它可以被删除。

*我承认 ASP.NET MVC 5 仍处于测试阶段,并且是为 Bootstrap 2.3.x 开发的,因为当时 3.0 也处于测试阶段。

【问题讨论】:

  • 我听说 MVC 5 的 RTM 将包含对 Bootstrap 3.0 的支持,尽管我目前找不到该博客文章或发行说明。如果您有这方面的信息,请发布链接。
  • 丹,自从您发布此内容后,您找到解决方案了吗?我们现在遇到了您描述的相同问题,我们无法将新的 Bootstrap 3 form-control 类附加到使用 Html.EditorFor() 呈现的输入。我们还是 SOL 吗?
  • 坦率地说,我最近没有检查过。我打算在 Visual Studio 2013 的最终版本发布后重新测试这个问题,看看是否有任何改进。您是否检查过您的引导程序和 MVC 组件是否有可用的 NuGet 更新?
  • 我们刚刚升级了我们的解决方案以使用 MVC 5 并手动集成 Bootstrap 3,但据我所知,如果不执行自定义属性实现,仍然无法将 HTML 属性放入 EditorFor或者其他的东西。只是不知道您是否有任何其他解决方案。感谢您的回复!

标签: asp.net-mvc twitter-bootstrap twitter-bootstrap-3 asp.net-mvc-5


【解决方案1】:

现在有一个用于 MVC 助手的 MS 解决方案。

目前是预发布,但 MVC5.1 有

MVC 5.1 发布并拥有

视图中的引导支持

我们现在允许在 EditorFor 中作为匿名对象传入 html 属性

示例代码...

@Html.EditorFor(model => model, new { htmlAttributes = new { @class = "form-control" }, })

更多信息在这里.... http://www.asp.net/visual-studio/overview/2013/aspnet-and-web-tools-20132-preview-for-visual-studio-2013-release-notes#mvcbootstrap

.. 并在此处安装说明... http://blogs.msdn.com/b/webdev/archive/2013/12/09/asp-net-and-web-tools-2013-2-preview-for-visual-studio-2013.aspx

【讨论】:

【解决方案2】:

TwitterBootstrapMVC 看起来像是 Bootstrap 3 的一个很好的抽象 - 非常适合 Fluent API,但发送信用卡详细信息以供试用?没有。

【讨论】:

    【解决方案3】:

    TwitterBootstrapMVC 是一个 html 助手库,其主要重点是简化与 Twitter Bootstrap 表单相关的 html 编写。

    截至今天,它适用于 Twitter Bootstrap 2 语法。不过,对 Twitter Bootstrap 3 的支持很快就会发布。

    如果您使用了 tihs 库中的帮助程序,从 v2 到 v3 的转换应该很轻松。


    免责声明:我是 TwitterBootstrapMVC 的作者
    Bootstrap 3 的 BMVC 不是免费的。

    【讨论】:

    • 值得一提的是它是一个付费图书馆。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-02-18
    • 2015-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-08
    • 2012-02-19
    相关资源
    最近更新 更多