1

私はビューのこの部分を持っています:

@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>

1 人のユーザーがテーブルの 1 つの行のどこでもクリックすると、actionLink が実行されます。JSまたはその他でそれを行うことは可能ですか? 前もって感謝します ！

4

1 に答える 1

1

タグに追加classしてtr、jquery で選択します。

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

jqueryを使用してクリックした行を選択します

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

また、ビューは次のようになります: (tbodyタグを out から削除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>

もう 1 つ情報: idoftrとtdタグは無意味です。反復要素だからです。

于 2013-03-15T15:21:51.647 に答える