我有这部分视图:
@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或其他中做到吗?提前感谢!
添加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>
一个更多的信息:tr
和td
标签的id
是没有意义的。因为它们是重复的元素