Tenho uma página que carrega várias partials views, quero chamar em um modal uma página em específico que irá preencher toda a tela. Estou usando uma comando jquery genérico para chamar uma action que será passada por parâmetros.
Esse é o botão
<button type="button" class="btn glyphicon glyphicon-zoom-in loopa" data-id="_ArquivosProcDia"></button>
Esse é a div
<div class="modal fade" id="modal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body" id="abrezoompagina">
@Html.Action("_ArquivosProcDia")
</div>
</div>
</div>
</div>
Esse é o script
<script>
$(".loopa").click(function () {
var part = $(this).attr("data-id");
var part2 = $(this).replaceWith(@(Html.Action(part));
$("#modal4").modal();
});
Cada partial view terá sua própria lupa para trazer o modal com suas informações, a partial que será aberta nesse exemplo será o _ArquivosProcDia.