創建MVC刪除按鈕擴展 - 如何擴展MVC的Html助手？

Question

ASP.NET MVC 2呈現鏈接（即<a>）刪除記錄。

通過GET操作允許刪除操作可能有害，所以我想通過發佈POST來刪除操作。

我創建了下面的一段代碼：

<% using (Html.BeginForm("Delete", "Boodschap", new { id = item.BoodschapID })) 
    { %> 
    <button>Delete</button> 
<% } %> 

現在，我想這個代碼添加到HTML輔助作爲擴展方法：

public static MvcForm DeleteButton(this HtmlHelper helper, string name, 
    string actionName, string controllerName, string routeValues) 
{ 
    MvcForm form = helper.BeginForm(actionName, controllerName, routeValues); 
    return form; 
} 

現在，這裏是我卡着了。我如何獲得這個刪除按鈕的工作？

Answer 1

如果你想生成完整的代碼，你會錯誤地返回一個MvcForm。你想讓它返回一個MvcHtmlString並在方法中構造HTML。這樣，你可以使用它作爲：

@Html.DeleteButton("Delete", "Boodschap", new { id = item.BoodschapID }); 

直接生成HTML（注：未經測試，可能需要適當的空檢查等）

public static MvcHtmlString DeleteButton(this HtmlHelper helper, string name, 
    string actionName, object htmlAttributes) 
{ 
    return DeleteButton(helper, name, actionName, null, null, htmlAttributes); 
} 

public static MvcHtmlString DeleteButton(this HtmlHelper helper, string name, 
    string actionName, string controllerName, object routeValues, 
    object htmlAttributes) 
{ 
    var buttonBuilder = new TagBuilder("button"); 
    buttonBuilder.SetInnerText(name); 

    var formBuilder = new TagBuilder("form"); 
    var urlHelper = new UrlHelper(helper.ViewContext.RequestContext); 
    formBuilder.Attributes.Add("action", urlHelper.Action( 
     actionName, controllerName, routeValues)) 
    formBuilder.Attributes.Add("method", FormMethod.Post); 
    formBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 
    formBuilder.InnerHtml = buttonBuilder.ToString(); 

    return new MvcHtmlString(formBuilder.ToString()); 
} 

另一種方法是重複使用的形式助手和的Response.Write，但該方法返回一個（空）字符串，也許是這樣的：

public static MvcHtmlString DeleteButton(this HtmlHelper helper, string name, string actionName, object routeValues) 
{ 
    return DeleteButton(helper, name, actionName, null, routeValues, null); 
} 

public static MvcHtmlString DeleteButton(this HtmlHelper helper, string name, string actionName, string controllerName, object routeValues, object htmlAttributes) 
{ 
    using (helper.BeginForm(actionName, controllerName, routeValues, FormMethod.Post, htmlAttributes)) 
    { 
     var response = helper.ViewContext.HttpContext.Response; 
     var builder = new TagBuilder("button"); 
     builder.SetInnerText(name); 
     response.Write(builder.ToString(TagRenderMode.Normal)); 
    } 
    return MvcHtmlString.Create(""); 
} 

Answer 2

雖然我認爲一個<form>元素就可以了，是不是很AJAX-Y。

相反，爲什麼不使用jQuery，wire up to the click event爲適當<a>鏈接，然後issue an HTTP POST to the server yourself？

$document.ready(function() { 
    // "deleteLink is a class that identifies links that 
    // are used for deleting, you might have some other mechanism 
    $("a .deleteLink").click(function() { 
     $.post('post url', function(data) { 
      // Do something with the data returned 
     });  
    }); 
}); 

到這樣做的好處是你保持你的HTML 多清潔比，如果你的每個項目插入一個<form>你想刪除和語義相關的，乾淨的標記始終是從發展的，SEO加和其他觀點。