Как имитировать щелчок по @ Html.ActionLink в javascript?

Question

У меня есть эта часть зрения:

@foreach (var item in Model.listeStations){ 
    <tbody> 
     <tr id="ligneRecherche"> 
      <td id="tdId"> 
       @Html.DisplayFor(modelItem => item.nom) 
      </td> 
      <td id="tdData"> 
       @Html.DisplayFor(modelItem =>item.adr) 
      </td> 
      <td id="tdLangue"> 
       @Html.DisplayFor(modelItem => item.cp) 
      </td> 
      <td id="tdType"> 
       @Html.DisplayFor(modelItem => item.ville) 
      </td> 
      <td id="selection"> 
       @Html.ActionLink("Choisir", "DetailsStation", new { id=item.id }) 
      </td> 
     </tr> 
    </tbody> 
} 
</table> 

если один пользователь щелчок везде на одной строке таблицы она выполняет ActionLink. Это можно сделать в JS или другом? Заранее спасибо !

Answer 1

добавить class в ваш tr тег, чтобы выбрать его с помощью jquery.

<tr id="ligneRecherche" class="row"> 

и выберите щелкнул строку с помощью JQuery

$(".row").click(function(){ 
    var url = $('td a', this).attr('href'); 
    window.location = url; 
}); 

А также ваш взгляд должен выглядеть следующим образом: (удалить tbody тег из foreach)

<tbody> 
@foreach (var item in Model.listeStations){ 
    <tr id="ligneRecherche" class="row"> 
     <td id="tdId"> 
      @Html.DisplayFor(modelItem => item.nom) 
     </td> 
     <td id="tdData"> 
      @Html.DisplayFor(modelItem =>item.adr) 
     </td> 
     <td id="tdLangue"> 
      @Html.DisplayFor(modelItem => item.cp) 
     </td> 
     <td id="tdType"> 
      @Html.DisplayFor(modelItem => item.ville) 
     </td> 
     <td id="selection"> 
      @Html.ActionLink("Choisir", "DetailsStation", new { id=item.id }) 
     </td> 
    </tr> 
} 
</tbody> 

еще одна информация: id из tr и td теги не имеют смысла. потому что они повторяющиеся элементы.