Usuário com melhor resposta
Clicar em qualquer <TD> e enviar valor de uma <TD> hide

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) {
}
})
}
Respostas
Todas as Respostas
-
-
@{
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> -
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. -
<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
-
-