将 HTML 按钮转换为 ActionLink

Question

我有一个 html 按钮设置和功能，具有一组必需的属性，我想将其转换为基于文本的链接。另外，这样我就可以熟悉工作 html 助手和智能感知，我想看看如何将这些属性硬塞到 ActionLink 中：

<input type="button" id="RemoveRegistration_Submit<%=row.ID %>" 
value="Remove From Cart" 
onclick="$('#Step2_RemoveRegistrationForm input[name=id]').val('<%=row.ID %>'); $('#Step2_RemoveRegistrationForm').submit();" 
align="right" />

thx

Answer 1

如果没有 JavaScript，按钮就无法像链接一样工作。
一般来说 - 这是一个不好的做法（搜索引擎无法正确索引您的页面等）。

我建议您使用锚标记并使它们看起来像按钮。

但如果您确实需要它 - 这个文章给出了答案。

编辑：

抱歉。我的回答有点太快了。

这不完全是你要问的（不涉及 HtmlHelper），但这就是我解决这个问题的方法：

在视图中我将定义锚点（没有 href 的锚点确实通过 W3 验证）：

<a id='removefromcart_<%=row.ID%>' title='Remove from cart' 
   class='remove-link' />

在外部 javascript 文件中：

   var onclick = function(event){
        event.preventDefault();
        var link = $(event.targetSource());

        //tag ids should be injected through view asp/cx
        $('#Step2_RemoveRegistrationForm input[name=id]') 
            .val(link.attr('id').split('_')[1])
    };
    $('a[id^=removefromcart]').click(onclick);  

在 css 中：

 a {cursor:pointer;} /*anchors without href by default haven't pointer*/

我相信在 HtmlHelpers 中使用 javascript 会太混乱。

EDIT2：

锚文本在标签内定义。我总是混淆这一点。看来 targetSource() 也是错误的。尝试重写它：event.targetSource()=>event.target。

Answer 2

它不应该那么难......但我认为你的意思是 Html.Link 因为 ActionLink 意味着你需要从路由表生成链接。

<%= Html.Link("Remove from Cart", "#", new {onclick = "#Step2_RemoveRegistrationForm input[name=id]').val('<%=row.ID %>'); $('#Step2_RemoveRegistrationForm').submit();"}) %>

• param#1: linkText
• param#2: href

• param#3: htmlAttributes

  public static string Link(this HtmlHelper htmlHelper, string linkText, string href, object htmlAttributes)
  {

  TagBuilder tagBuilder = new TagBuilder("a"){ InnerHtml = linkText; }

  tagBuilder.MergeAttributes(htmlAttributes);

  tagBuilder.MergeAttributes("href", href);

  返回 tagBuilder.ToString(TagRenderMode.Normal);

  }

不要忘记 <%@ Import Namespace="xxxxxx" %>在视图上以便使用扩展方法。