Habilitar edição após clicar no botão
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");
}
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");
}
Marcos Carvalho
Curtidas 0
Respostas
Stella Oliveira
16/11/2020
<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>
GOSTEI 0