none
Clicar em qualquer <TD> e enviar valor de uma <TD> hide RRS feed

  • Pergunta

  • Tenho uma tag <TD> em minha table hide. Ela carrega os ID's dos respectivos registros. Tenho um método jquery que me traz o balor da <TD> clicada(dbclick). Gostaria de ao invés de eu enviar o valor da <TD> clicada, que eu enviasse o valor da tag <TD> que está oculta. Isso é possível? O que eu tenho é isso:

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

        CarregaDados($(this).text());
    })

    function CarregaDados(ajaxParameter) {

        $.ajax({

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

    sexta-feira, 24 de outubro de 2014 12:38

Respostas

Todas as Respostas

  • Cole seu código HTML aqui também.
    sexta-feira, 24 de outubro de 2014 13:13
  • @{
        ViewBag.Title = "CadastroAcesso";
        Layout = "~/Views/Shared/_LayoutBase.cshtml";
    }

    <h2>Cadastro de Acesso ao Sistema</h2>

    <div class="container">
        <div class="row">
            <div class="col-md-6">

                <div class="row">
                    <div class="col-md-4">
                        <label for="txtNome">Nome:</label>
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control col-md-6" name="txtNome" id="txtNome" placeholder="Digite um nome">
                    </div>
                </div>

                <br />

                <div class="row">
                    <div class="col-md-4">
                        <label for="txtUsuarioRede">Usuário de Rede:</label>
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control col-md-6" name="txtUsuarioRede" id="txtUsuarioRede" placeholder="Digite um usuáruo da rede">
                    </div>
                </div>

                <br />

                <div class="row">
                    <div class="col-md-4">
                        <label for="txtEmail">E-mail:</label>
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control col-md-6" name="txtEmail" id="txtEmail" placeholder="Digite um email válido">
                    </div>
                </div>

                <br />

                <div class="row">
                    <div class="col-md-4">
                        <label for="cbxNivelAcesso">Nível de Acesso:</label>
                    </div>
                    <div class="col-md-6">
                        <select class="form-control col-md-6" name="cbxNivelAcesso" id="cbxNivelAcesso">
                            
                        </select>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="col-md-6">
                    <label class="checkbox" for="ckbAtivo">
                        <input type="checkbox" checked="checked" class="checkbox large" data-label="suffix" data-label-prepend="prefix" name="ckbAtivo" id="ckbAtivo">Ativo
                    </label>
                </div>
            </div>

            <br /><br />
        </div>

        <div id="content">
            <div class="listTree"></div>
            <button class="btn btn-success" onclick=" return CadastraUsuario();">Gravar</button>
            @Html.ActionLink("Voltar", "Index", "Home", new { }, new { @class = "btn btn-danger" })
        </div>

        <br />

        <div class="row">
            
            <div class="col-md-6">
                <select class="form-control col-md-6" name="cbxNivelAcessoPesq" id="cbxNivelAcessoPesq" onchange=" return ConsultarAcesso();">
                </select>
                @*<button class="btn btn-primary">Pesquisar</button>*@
            </div>
            
        </div>

        <div class="col-md-13">
            <table data-url="data1.json" id="tblNivel" 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" style="display: none">ID Nível Acesso</th>
                        <th data-field="nivel" 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>

        </div>

    @*<script type="text/javascript" src="jquery.js"></script>*@
    @*<script type="text/javascript" src="CadastroAcesso.js"></script>*@

    <script src="~/Scripts/CadastroAcesso/CadastroAcesso.js"></script>
    sexta-feira, 24 de outubro de 2014 16:21
  • Agora, como eu clico nessa <TD> e pego o valor da que está hide. Eu acho que deveria pegar o valor da <TR>, fazer um each e carregar apenas o valor da <TD> hide, mas estou apanhando nisso. Como percorrer a <TR> para pegar a <TD> que eu quero.
    terça-feira, 28 de outubro de 2014 12:06
  • <ol>
        <li>
            <table id="tblTest">
                <tr>
                    <td>A</td>
                    <td>B</td>
                    <td>C</td>
                </tr>
                <tr>
                    <td>A2</td>
                    <td>B2</td>
                    <td>C2</td>
                </tr>
                <tr>
                    <td>A3</td>
                    <td>B3</td>
                    <td>C3</td>
                </tr>
            </table>
        </li>
    </ol>
    
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    
    <style type="text/css">
        table tbody tr:hover {
            background-color: orange;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
    
            $("#tblTest tbody tr").click(function () {
                var campoA = "";
                $(this).find('td').each(function (i) {
                    var test = $(this).text();
                    alert(i);
                    if (i == 0) {
                        campoA = test;
                    }
                    alert(test);
                });
    
                $.ajax({
                    url: '/Home/TesActionResult',
                    datatype: 'json',
                    contentType: 'application/json;charset=utf-8',
                    type: 'POST',
                    data: JSON.stringify({ id : campoA }),
                    success: function (data) {
                        alert(data.id);
                    },
                    error: function (error) {
                    }
                });
    
            });
        });
    </script>
    O código acima funciona, pode tentar! Marque como resposta se foi útil.
    • Sugerido como Resposta Deric Ferreira terça-feira, 28 de outubro de 2014 13:06
    terça-feira, 28 de outubro de 2014 13:06
  • Eu tenho uma <TD> hide. Ela não aparece. Quando eu der dois click em qualquer <TD>, é o valor dessa <TD> que deve ser enviado e não na <TD> que eu cliquei.
    terça-feira, 28 de outubro de 2014 16:22
  • Assim resolvi:

    $(this).parent().find(".idusuario").text()

    • Marcado como Resposta pnet terça-feira, 28 de outubro de 2014 19:41
    terça-feira, 28 de outubro de 2014 19:41