Eu tenho um aplicativo MVC4. Eu estou usando atualmente GridMVC para mostrar meus dados, que tudo funciona bem. Quando um usuário clica em uma linha eu quero mostrar um modal bootstrap para editar os dados. Eu já tenho uma visão parcial com os campos de edição. Qual é a melhor maneira de implementar um popup modal para o usuário editar os dados? Alguém tentou isso com sucesso?
Respostas:
0 para resposta № 1Eu provavelmente colocaria o modal bootstrap inteiro em sua visão parcial com seu formulário e html para salvá-lo.
Em seguida, na sua página principal, basta incluir sua visão parcial com este "formulário de salvamento" na parte inferior do documento (um para cada linha)
@{
Html.RenderPartial("_MySaveModalForm", ViewModelForRow1);
Html.RenderPartial("_MySaveModalForm", ViewModelForRow2);
}
Então, para o seu link abrir o modal, basta usar o modal aberto bootstrap padrão.
<!-- Button trigger modal -->
<a data-toggle="modal" href="#myModal@RowID" class="btn btn-primary btn-lg">Edit Row</a>
Você poderia colocar isso dentro de sua linha ou usar algum javascript para abrir o modal ao clicar na linha.
O código na vista parcial será renderizado paraa página html como se eles estivessem na mesma página, não há nada extra que você tenha que fazer. Então, não é tão diferente de apenas escrever o popup modal do bootstrap.
Essa é uma abordagem de força bruta e pode não funcionar tão bem se você tiver muitas linhas por página (já que a visualização parcial será exibida para cada linha).
Mas é onde eu iria começar.