MVCの作成Deleteボタンの拡張 - 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; 
} 

はどこであるI捕まってしまった。この削除ボタンを機能させるにはどうすればよいですか？

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()); 
} 

代替は、フォームヘルパーを再利用することであろう私は<form>要素は、トリックを行うだろうと思いますが、それは非常にAJAX-yのではない、

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

：とのResponse.Writeは、しかし、持っている方法は、おそらく何かのように、（空の）文字列を返します。

むしろ、なぜ適切な<a>リンクについてjQuery、wire up to the click eventを使用して、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 
     });  
    }); 
}); 

利点あなたは、あなたが削除したいすべての項目について<form>を挿入し、意味的関連、クリーンなマークアップは常に開発からプラスの場合よりもクリーンあなたのHTML SEOをずっとを維持していますその他の視点。いくつかの変更後 - - 正常に動作するようです