asp.net-mvc-3 - 将 jQuery Mobile 过渡添加到 ASP.Net MVC 表单

Question

如何将 jQuery Mobile 过渡添加到使用 ASP.Net MVCHtml.BeginForm帮助器呈现的 HTML POST？

转换需要添加一个 HTML 属性data-transition（我认为是form标签，但文档在这一点上不清楚，只提供了一个超链接示例）。

我正在尝试使用BeginForm重载向呈现的form标签添加属性。使用new { ... }语法声明表示 HTML 属性的匿名类时，如果属性名称中包含破折号，我会收到错误消息。

using (Html.BeginForm("Login", "Account", FormMethod.Post, 
    new {  data-transition="pop" }))

错误：无效的匿名类型成员声明符

尽管MSDN 文档显示了一个名称中带有破折号的属性，但这一点

new { id = "text1", accept-charset="iso-8859-1" }

Answer 1

创建字典：

using (Html.BeginForm("Login", "Account", FormMethod.Post, 
    new Dictionary<string, object>{{ "data-transition", "pop" }} ))

Answer 2

如果您更喜欢使用匿名对象来指定您的属性，那么您可以执行以下操作

using (Html.BeginForm("Login", "Account", FormMethod.Post, new { data_transition = "pop" } ))

简而言之，您将连字符替换为下划线