asp.net-mvc - asp.net mvc Html.ActionLink 忽略 jquery 属性

Question

我有一个简单按钮的可视化问题，这个呈现完美

@Html.ActionLink("<", "Monthly", "Agenda", null, new Dictionary<string, object> { { "data-role", "button" }, { "data-theme", "c" }, { "data-mini", "true" } })

我正在调用的操作虽然需要参数，因此我更改了它

@Html.ActionLink("<", "Monthly", "Agenda", new { shift = -1 }, new Dictionary<string, object> { { "data-role", "button" }, { "data-theme", "c" }, { "data-mini", "true" } })

按照这个答案 HTML.ActionLink method

当我像上面那样更改它时，按钮会起作用，但它不再呈现为 jquery 移动按钮

它来自这个 http://i47.tinypic.com/alhs9h.png

到这个http://i48.tinypic.com/351ft5z.png

谢谢你帮助我

Answer 1

要命中正确的 Html.ActionLink 重载，您需要将 RouteValues 作为 RouteValueDictionary(不是匿名对象)传递:

@Html.ActionLink("<", "Monthly", "Agenda", 
                 new RouteValueDictionary() { { "shift", -1 } }, 
                 new Dictionary<string, object> { { "data-role", "button" }, { "data-theme", "c" }, { "data-mini", "true" } })

或者，为了更短/更易于阅读，您可以将 RouteValues 和 HtmlAttributes 作为匿名对象传递:

@Html.ActionLink("<", "Monthly", "Agenda", new { shift = -1 }, new { data_role = "button", data_theme = "c", data_mini = "true" })

在匿名对象版本中，您必须使用 data_ 而不是 data-，但是帮助程序将 _ 替换为 - 在显示属性键之前，所以输出是相同的。