Usando asp.net-core hice un archivo "PopUp.cshtml":
<div class="popUpDeleteBackground" hidden> <div class="popUpDelete"> <h3>Are you sure you want to delete this?</h3> <p>This action is irreversible</p> <div class="popUpDeleteButtonDiv"> <button class="btn deleteConfirm">JA</button> <button class="btn" onclick="PopUpRemove()">NEE</button> </div> </div> </div> <script> function PopUpShow(licensePlate) { $(".popUpDeleteBackground").attr("hidden", false); $(".deleteConfirm").on("click", () => { Delete(licensePlate); PopUpRemove(); }); } function PopUpRemove() { $(".popUpDeleteBackground").attr("hidden", true); } </script> Quiero que esta ventana emergente parcial se use en varias páginas del sitio web. El problema es que las funciones de eliminación son diferentes para cada página.
Entonces mi pregunta es: ¿Hay alguna forma de pasar una función de JavaScript a una vista parcial?
Lo que he intentado hasta ahora es pasar una cadena con @await Html.PartialAsync("_ConfirmPopUp", "functionToRun()"); y luego intenté ejecutarlo con <script>@Model</script> .
Pero recibí un mensaje de error en la consola que decía: "Error de sintaxis no detectado: token inesperado '&'".
Está pasando functionToRun() como una cadena al Modelo de la vista. En su lugar, simplemente pase el nombre de la función sin el paréntesis - functionToRun .
Luego, en el código no escriba <script>@Model</script> . En su lugar, simplemente coloque el nombre de la función de llamada dinámicamente cuando la página se cargue de esta manera:
<script> function PopUpShow(licensePlate) { $(".popUpDeleteBackground").attr("hidden", false); $(".deleteConfirm").on("click", () => { //Delete(licensePlate); @string.Format("{0}();", Model) PopUpRemove(); }); } function PopUpRemove() { $(".popUpDeleteBackground").attr("hidden", true); } </script> Esto representará el nombre de la función que se llamaría al hacer clic en el elemento .deleteConfirm . Tenga en cuenta el @string.Format("{0}();", Model) en lugar de la llamada a la función Delete .