[英]How to simulate a click on a @Html.ActionLink in javascript?
I have this part of view : 我有这部分观点:
@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>
If one user click everywhere on one row of the table it performs the actionLink. 如果一个用户单击表的每一行的任何地方,它将执行actionLink。 It's possible to do that in JS or other ? 有可能用JS或其他方式做到这一点吗? Thanks in advance ! 提前致谢 !
add class
to your tr
tag to select it with jquery. 将class
添加到您的tr
标签以使用jquery选择它。
<tr id="ligneRecherche" class="row">
and select clicked row with using jquery 并使用jQuery选择点击的行
$(".row").click(function(){
var url = $('td a', this).attr('href');
window.location = url;
});
And also your view should look like this: (remove tbody
tag to out of foreach
) 而且您的视图应如下所示:(将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>
one more info: id
of tr
and td
tags are meaningless. 更多信息: tr
和td
标签的id
没有意义。 because they are repeatitive elements. 因为它们是重复性元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.