[英]How to simulate a click on a @Html.ActionLink in javascript?
我有这部分观点:
@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
没有意义。 因为它们是重复性元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.