Estou precisando fazer um captura simples de um Id gerado de uma View para passar para o formulário de edição. Esse Id já está gerado pela lista impresa na tela.
O trecho da View está de acordo com o formulário abaixo:
@* Listar *@
<div id="divListar">
<div class="row-2">
<h2 class="title-page">Lista de @dsTituloPlural<span style="float:right;"><a id="lnkCadastra" style="font-size:12px;"><span class="glyphicon glyphicon-plus"
aria-hidden="true"></span> Cadastrar Nova @dsTituloSingular</a></span></h2>
</div>
@foreach (var acao in Model?.Acoes ?? new List<Acao>())
{
<div class="row">
<div class="form-group col-md-12">
<div class="input-group">
<input class="form-control" id="txbDsAcao" value="@acao.Descricao" disabled>
<div class="input-group-btn">
<a class="btn btn-primary" id="btnEdita" onclick="AbrirEdicao(@acao.Id);" data-toggle="tooltip" data-placement="top"
title="Editar @ViewBag.Title">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</a>
<a class="btn btn-primary" id="btnExcluir" onclick="ConfirmarExclusao();" data-toggle="tooltip" data-placement="top"
title="Excluir @ViewBag.Title">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
</div>
}
</div>
Dessa lista, estou chamando via Javascript um outro techo de código:
@* Editar *@
<div id="divEditar" hidden>
<div class="row-2">
<h2 class="title-page">Editar @dsTituloSingular</h2>
</div>
<div class="row">
<div class="form-group col-md-12">
<input class="form-control" id="txbDescricao" value="@dsTituloSingular Cadastrada">
</div>
</div>
<br />
<div class="row">
<div class="col-md-2">
<button type="button" class="btn btn-primary" onclick="SalvarEdicao();" id="btnSalvarEdicao"><i class="fa fa-save"></i> Salvar</button>
<button type="button" class="btn btn-primary" id="btnCancelarEdicao"><i class="fa fa-close"></i> Cancelar</button>
</div>
</div>
</div>
Para chamar esse trecho, estou usando o seguinte bloco de Javascript:
// Funções dos botões
$("#lnkCadastra").on("click", function () {
$("#divEditar").hide();
$("#divListar").hide();
$("#divCadastrar").show(300);
});
$("#btnEdita").on("click", function () {
$("#divEditar").show(300);
$("#divCadastrar").hide();
$("#divListar").hide();
});
$("#btnCadastra").on("click", function () {
//$("#divEditar").hide();
//$("#divCadastrar").hide();
//$("#divListar").show(300);
});
$("#btnEditar").on("click", function () {
$("#divListar").hide();
$("#divCadastrar").hide();
$("#divEditar").show(300);
});
$("#btnCancelarEdicao").on("click", function () {
$('#divEditar').hide();
$('#divListar').show();
});
$('#btnCancelarExclusao').on('click', function () {
$('#divExcluir').hide();
$('#divListar').show();
});
$('#btnCancelarCadastro').on('click', function () {
$('#divCadastrar').hide();
$('#divListar').show();
});
Não criei o bloco do Javascript com a função de receber o Id, apenas referênciei na div listar:
function AbrirEdicao(id) {
}