Tengo un controlador donde devuelvo datos en una vista parcial y me gustaría llamar a un modal, ¿cómo se puede hacer?
Les dejo los detalles de mi controlador y ver a continuación.
Controlador
[HttpPost] public async Task<ActionResult> Items(List<string> items) { var dto = new ItemsDetails(); dto.item = items; return PartialView($"~/Views/Items/ItemDetails.cshtml", dto); (Here I want to call a modal) }Ver Ese es el modal que quiero llamar.
<!-- Modal --> @model Application.ItemsDetails <div class="modal fade" id="items" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>Abres el modal con javascript.
Eso debería ser un modo de arranque.
Para seleccionar su modal fácilmente, debe darle una id como esta:
<div class="modal fade" id="myModal">Luego coloque este script en la parte inferior de su archivo
<script type="text/javascript"> $('#myModal').modal('show'); </script>Para que esto funcione, los archivos JQuery y Bootstrap .css y .js deben cargarse antes. Si se cargan en la parte inferior de su página, deberá retrasar la llamada del script hasta que la página esté completamente cargada.
Puede encontrar más información aquí: https://getbootstrap.com/docs/4.0/components/modal
Si no funciona, compruebe si hay errores en la consola del navegador (F12)