ASP.NET MVCカミソリ繰り返しボタンは、次のようにCSHTMLファイルで

Question

は、私がモデルからテーブルを定義した最初のボタン過去の非応答性であります行は、しかし、編集ボタンは、最初の行にのみ動作します。ここでは、文書レディ機能の中にjQueryの各機能は、以下のとおりです。私はテストのためのアラートを使用し、最初の行を過ぎて、それが上のid edituserbuttonを持つにもかかわらず、解雇されなかった

$("#edituserbutton").click(function (event) 
{ 

       event.preventDefault(); 
       // alert("edit clicked"); 

       $.ajax({ 
        url: "/Admin/Edit", 
        cache: false, 
        data: {id : $(this).data('id')} 
       }).done(function (htmlResponse) { 
        $("#tabs-1ua").html(htmlResponse); 
       }); 


}); 

Edit各行の[編集]ボタンをクリックします。上記削除機能で

Delete

$("form#manageusersform").submit(function (event) 
{ 

       event.preventDefault(); 
       var form = $(this); 
       var userNameSelected = form.attr('name'); 



       confirm("Are you sure you want to delete user \"" + userNameSelected + "\"?").then(function (yesno) { 

        if (yesno === "yes") { 


         $.post(form.attr("action"), form.serialize(), function (res) { 



          if (res.status === "success") { 

           console.log(res); 

           $.ajax({ 
            url: "/Admin/Index", 
            cache: false, 
            data: {} 
           }).done(function (htmlResponse) { 
            $("#tabs-1ua").html(htmlResponse); 
           }); 
           //end of updating management tab 

          } 
          else { 

           console.log(res); 

          } 
         }); 


        } 


       }); 


}); 

、私は、カスタムの確認ダイアログを使用しています、それははいいいえが何のためにあるのかです。

[編集]ボタンで問題を解決するにはどうすればよいですか？

ありがとうございます。

Answer 1

マークアップが間違っています。すべてのボタンで同じIDを使用しています。それは無効です。あなたのIDは一意でなければなりません。

マークアップからidを削除し、jQueryセレクタにcssクラスを使用することをお勧めします。

<button class="btn btn-primary btn-xs delBtn" data-id="@user.Id"> Edit </button> 

と

$(function(){ 

    $("button.delBtn").click(function(e){ 
     e.preventDefault(); 
     var btnClicked = $(this); 
     var idToSend = btnClicked.data("id"); 

     //do your ajax call. 

    }); 

});