Habilitar edição após clicar no botão

16/11/2020

10

Preciso que, ao clicar no botão "Editar", seja habilitada a textarea para edição e que o botão "Salvar" passe para enabled.
Como faço isso? Preciso mexer só na View ou também na Controller?


<!-- MODAL JUSTIFICAR -->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="justificar_@item.co_tratamento_risco">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header alert-secondary">
<h5 class="modal-title" id="exampleModalLabel">ATENÇÃO</h5>

<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
@using (Html.BeginForm("SalvarJustificativa", "Riscos"))
{
@Html.AntiForgeryToken()
<input type="text" name="co_tratamento_risco" id="co_tratamento_risco" value="@item.co_tratamento_risco" hidden />
<div class="modal-body">

<div class="md-form">
<label for="tx_justificativa " class="mb-4 triangulo">Digite sua justificativa:</label>
@Html.TextArea("tx_justificativa", @item.tx_justificativa, new { @class = "md-textarea form-control", @id = "tx_justificativa", @maxlength = "500", @style = "min-width: 100%", @rows = "5" })
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger mt-4">Editar</button>
<button type="submit" class="btn btn-success mt-4 disabled">Salvar</button>
</div>
}
</div>
</div>
</div>


public ActionResult SalvarJustificativa(int co_tratamento_risco, string tx_justificativa)
{
cegtb003_tratamento_risco solicitacao = db.cegtb003_tratamento_risco.Where(r => r.co_tratamento_risco == co_tratamento_risco).FirstOrDefault();

solicitacao.tx_justificativa = tx_justificativa;
db.Entry(solicitacao).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("AgendaDeRiscos");
}
Responder

Posts


    <button onclick="editar()">Editar</button>
    <textarea id="campoEditavel"></textarea>
    <button id="botaoSalvar">Salvar</button>




<script>
  document.getElementById("campoEditavel").style.display = "none";
  document.getElementById("botaoSalvar").style.display = "none";

  function editar() {
    document.getElementById("campoEditavel").style.display = "inline";
    document.getElementById("botaoSalvar").style.display = "inline";
  }
</script>

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar