Ajax.ActionLinkメソッドで参照されるループの各項目に動的にdiv idを設定しますか？

Question

私たちはより良い対処方法を持っていますか？

@foreach (var item in Model) 
{ 
    <div id="divDetail@{@item.CategoryId}"/> 
     @Ajax.ActionLink(
      item.CategoryName, 
      "GetDetails", 
      new { id = item.CategoryId }, 
      new AjaxOptions() { UpdateTargetId = string.Format("divDetail{0}", item.CategoryId) }) 
     } 
    </div> 
} 

Answer 1

私はリンクを生成するためにHTML.ActionLinkヘルパーメソッドを使用してデータを取得するために私のカスタムjQueryのAJAX呼び出しを使用します。これを行う利点は、私は詳細なdivに表示する前に、私は応答データのいくつかの操作を行うことができるように私は完全なコントロールを持っています。

リンクにCSSクラスを追加して、私の機能をバインドするときに（要素の選択時に）より具体的にできるようにしました。

@foreach (var item in Model) 
{ 
    <div id='divDetail@(item.ID)'></div> 
    @Html.ActionLink(item.CategoryName, "GetDetails", new { @id = item.CategoryId}, new {@id= "link-"+item.CategoryId, @class="lnkItem" })  
} 

、スクリプトが

<script type="text/javascript"> 
    $(function() { 
     $(".lnkItem").click(function (e) { 
      e.preventDefault(); 
      var itemId = $(this).attr("id").split("-")[1] 
      $.get($(this).attr("href"), { id: itemId }, function (data) { 
       //i am free to do anything here before showing the data ! 
       $("#divDetail" + itemId).html(data); 
      }) 
     }); 
    }); 
</script> 

です