none
Capturar Id de formulario em View RRS feed

  • Pergunta

  • 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">
                                &nbsp;
                                <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>
                                &nbsp;
                                <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) {

      
    }


    sexta-feira, 17 de janeiro de 2020 13:39