asp.net mvc Jqueryテーブルから空の行を削除

Question

これは私の部分的なビューのコードです。私はBeginCollectionItemを使用しています。

<tr> 

@using (Html.BeginCollectionItem("QuoteLines")) 
{ 
    <td> 

     @Html.HiddenFor(m => m.QuoteID) 
     @Html.HiddenFor(m => m.QuoteLineID) 
    </td> 
    <td class="visible-lg col-lg-3"> 
     @Html.TextBoxFor(m => m.Group, htmlAttributes: new { @class = "form-control" }) 
     @Html.ValidationMessageFor(model => model.Group, "", new { @class = "text-danger" }) 
    </td> 
    <td class="col-xs-9 col-sm-9 col-md-8 col-lg-5"> 
     @Html.TextAreaFor(m => m.Description, htmlAttributes: new { @class = "form-control" }) 
     @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" }) 
    </td> 
    <td class="visible-md visible-lg col-md-2 col-lg-2"> 
     @Html.TextBoxFor(m => m.Quantity, htmlAttributes: new { @class = "form-control" }) 
     @Html.ValidationMessageFor(model => model.Quantity, "", new { @class = "text-danger" }) 
    </td> 
    <td class="col-xs-3 col-sm-3 col-md-2 col-lg-2"> 
     @Html.TextBoxFor(m => m.Price, htmlAttributes: new { @class = "form-control" }) 
     @Html.ValidationMessageFor(model => model.Price, "", new { @class = "text-danger" }) 
    </td> 
    <td> 
     <button type="button" class="delete form-control btn-default" data-id="@model.QuoteLineID">Delete</button> 
    </td> 
} 

重要な部分は、削除ボタンであり、それは行を削除するにはJavaScriptによって参照されるクラスを有しています。しかし何らかの理由で行にデータがない場合はコードを実行しません。

<button type="button" class="delete form-control btn-default" data-id="@model.QuoteLineID">Delete</button> 

Javascriptコード：

<script> 
var url = '@Url.Action("DeleteQuoteLine")'; // assumes its in the same controller 
$('.delete').click(function() { 


    if (confirm('verwijderen?')) { 
     var id = $(this).data('id'); 
     var row = $(this).closest('tr'); 
     if (id == 0) { // or if(id == 0) depending if your property is nullable 
      row.remove(); // the item never existed so no need to call the server 
      return; 
     } 
     $.post(url, { ID: id }, function (response) { 
      if (response) { 
       row.remove(); // OK, so remove the row 
      } else { 
       // Oops - display and error message? 
      } 
     }); 
    } 
}); 
</script> 

Answer 1

あなたが行とはどういう意味ですかは、データを持ちませんか？行にデータがない場合、data-idに数値ID値が格納されていない場合、有効な型のIDがあると予想されますが、nullなので、Actionメソッドはエラーをスローしますこれらのエラーをログに記録する場合は、ASP.NETのエラー処理を使用してキャッチされます）、ログを確認してください。これを確認するには、ネットワーキングツールを使用してサーバーに要求を行っているかどうかを確認し、エラー応答を返します。

アクションメソッドの署名を投稿してください。それは見るのに役立つだろう。