click em table e carregar as informa��es na tela

09/10/2014

Essa � minha table:

<div class="col-md-13">
        <table data-url="data1.json" data-height="500" data-sort-name="name" data-sort-order="desc" class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th data-field="id" data-align="center" data-sortable="true">N�vel Acesso</th>
                    <th data-field="name" data-align="center" data-sortable="true">Nome</th>
                    <th data-field="price" data-align="center" data-sortable="true">Usu�rio</th>
                </tr>
            </thead>

            <tbody id="nmUsuario"></tbody>
        </table>
    </div>

N�o consigo o evento doubleclick e passar a linha selecionada como par�metro para a controller via jquery. Esse � meu esqueleto jquery.

function ConsultarAcesso() {

    str = "";

    $.ajax({

        url: '/CadastroAcesso/ConsultaAcesso',
        datatype: 'json',
        contentType: 'application/json;charset=utf-8',
        type: 'POST',
        data: JSON.stringify({  }),
        success: function (data) {
        },
        error: function (error) {

        }
    })
}

Pjava

Curtir t�pico + 0

Responder

Posts

09/10/2014

Pjava

Rodei isso no fiddle e funcionou.

<div id="divDb" class="teste" style="background-color: green; color: white; font-size: 30px;">
Duplo clique aqui e vai funcionar!
</div>

$(document).ready(function () {
    $(".teste").dblclick(function () {
         alert("Al� Paul�o, Funcionou!");        
    });
});

Fiz isso em meu projeto e nada.

function AtualizaTabela() {

    str = "";

    $.ajax({

        url: '/CadastroAcesso/AtualizaTabelaUsuario',
        datatype: 'json',
        contentType: 'application/json;charset=utf-8',
        type: 'POST',
        data: JSON.stringify({}),
        success: function (data) {

            $(data.result_usu).each(function () {

                str += '<tr>';
                str += '<td data-field="id" class="col-md-4 clique">' + this.Nivel_Acesso1 + '</td>';
                str += '<td data-field="name" class="col-md-4 clique">' + this.NM_Usuario + '</td>';
                str += '<td data-field="price" class="col-md-4 clique">' + this.Usuario1 + '</td>';
                str += '</tr>';
            })

            $('#nmUsuario').html(str);
            str = "";

        },
        error: function (error) {

        }
    })
}
$(document).ready(function () {
    AtualizaTabela();

    $(".clique").dblclick(function () {
        alert("Al� Paul�o, Funcionou!");
    });
})

Responder

Gostei + 0

10/10/2014

Pjava

Criei essa table no fiddle e atribui a classe ao jquery funcionou, mas no meu projeto n�o. O problema acho, est� aqui> $(document).ready(function.... Pois nada do que fa�o em qualquer parte do meu projeto, funciona essa fun��o. N�o sei o que est� de errado. O jquery.2.1.0.min.js est� incluso na p�gina layout. Mas eu tamb�m chamei direto da p�gina herdada e n�o funcionou. S� para acrescentar.

http://fiddle.jshell.net/pnet/3xckdycm/

Responder

Gostei + 0

10/10/2014

Pjava

Comecei a descobri algumas coisas. Quando a p�gina � carregada, pelo debug, vi que a fun��o jquery � chamada. Ap�s o documento est� totalmente carregado, a�, mesmo clicando na <td> n�o � chamado mais a fun��o e o dblclick perde sua operacionalidade.

Responder

Gostei + 0

10/10/2014

Joel Rodrigues

Coloque este c�digo dentro da fun��o success da chamada Ajax:

$(".clique").dblclick(function () {
        alert("Al� Paul�o, Funcionou!");
    });

Responder

Gostei + 0

16/10/2014

Pjava

Resolvi da seguinte forma. Criei uma fun��o para o duplo clique e chamo em cada duplo clique nas <td>. Dessa forma funcionou. Ao inv�s de usar o document.ready eu usei uma fun��o sendo chamada de dentro da tag <td> assim. A fun��o se chama duploclique.

$(data.result_usu).each(function () {
    
                    str += '<tr>';
                    str += '<td data-field="id" class="col-md-4 clique" onclick=" return duploclique();">' + this.Nivel_Acesso1 + '</td>';
                    str += '<td data-field="name" class="col-md-4 clique" onclick=" return duploclique();>' + this.NM_Usuario + '</td>';
                    str += '<td data-field="price" class="col-md-4 clique" onclick=" return duploclique();>' + this.Usuario1 + '</td>';
                    str += '</tr>';
                })

Responder

Gostei + 0

16/10/2014

Pjava

Mudei para essa forma e funcionou, mas n�o consigo entrar no sucesso do ajax.

$('#nmUsuario').on("dblclick", '.clique', function() {

    alert('Al�, tudo bem?');

    var obj = {};

    $('tr').each(function () {
        obj = {
            _nivel: $(this).find('td').eq(0).text, 
            _nome: $(this).find('td').eq(1).text, 
            _usuario: $(this).find('td').eq(2).text
        }
    })

    $.ajax({

            url: '/CadastroAcesso/CarregaDadosPagina',
            datatype: 'json',
            contentType: 'application/json;charset=utf-8',
            type: 'POST',
            data: obj,
            success: function(data){
                alert('Al�, tudo bem 1?');
            },
            error: function(error){
            }
        })
})

Responder

Gostei + 0

23/10/2014

Pjava

O que n�o consigo � pegar o valor da tag <TD> e enviar para o meu m�todo na controller.

Responder

Gostei + 0