Click on a tr to open a link

Question

Click on a tr to open a link

Navigation

#1 by (3 votes)
#2 by (2 votes)
#3 by (0 votes)

1

In the site I'm doing, there's a need to click on a row of the table it redirects to another page, but the row's id's are dynamic because each row should redirect to a page that shows more information.

My View:

@foreach (projeto1.Entidade.PessoaEntidade item in Model)
        {
            <tr id="[email protected]">
                <td id="[email protected]" style="width:10%">
                    @item.id
                </td>
                <td style="width:40%">
                    @item.Nome
                </td>
                <td style="width:40%">
                    @item.Sobrenome
                </td>
                <td style="width:10%">
                    <input type="button" value="Alterar" id="partionalViewUpdate" onclick="Teste(@item.id)" />
                </td>
            </tr>

My Script:

$(document).ready(function () {
    $("tr").click(function () {
           alert("Clicado");
    });
});

javascript jquery asp.net mvc

asked by anonymous 21.03.2017 / 15:05

3 answers

Print the minimum number of the list? Move image with JavaScript

score 3 · Answer 1

Use window.location and concatenate with the ID of your tr :

$(document).ready(function () {
    $("tr").click(function () {
          window.location = 'suaPagina.aspx?id=' + $(this).attr('id');
    });
});

score 2 · Answer 2

Put a date-href in the tr and a script

HTML

<tr data-href="http://www.example.com.br/link"></tr>

Script


 $(document).ready(function () {

  $("tr").click(function() {
    var url = $(this).attr("data-href");
    window.open(url);
  });

 });

score 0 · Answer 3

I do not really like to mix javascript with Razor, but just try to include this function in your script, overriding the action and controller of the Url.Action method for what you're trying to redirect.

function Teste(id)
{
      window.location = '@Url.Action("Action","Controller")?id=' + id;
}