Control de Contenido Modal Bootstrap
Este proyecto demuestra un componente creado para un cliente que opera un sitio web bilingüe. Al requerir una solución versátil pero uniforme, el resultado final es una elegante adición a las plataformas ASP.NET y Bootstrap4.
Componentes
- ASP.NET
- .NET Framework 4.6
- Razor 3.2
- Entity Framework 6.3
- Bootstrap 4.3
- JQuery 3.4 & Ajax
Problema
El sitio web gestiona contenido bilingüe a través de archivos de recursos. El contenido en inglés, francés y español se almacena en archivos coincidentes con los archivos de idioma inglés de forma predeterminada y los demás identificados con un sufijo de ".fr-Ca" o ".es-Us" en consecuencia. Establecer una cultura a través de CultureInfo en cualquiera de estos idiomas determina qué archivo de recursos se utiliza. Si bien esta configuración funciona muy bien para páginas renderizadas como Razor, los archivos estáticos como Javascript no pueden recuperar contenido de los archivos de recursos. El proyecto originalmente solucionó este problema en una variedad de implementaciones incómodas, como la configuración de variables globales de JavaScript en Razor, o mediante la llamada Ajax en el documento listo. Con la intención de utilizar el contenido variable global en alertas, confirmaciones y varias formas modales, estos métodos de recuperación de contenido bilingüe eran escalables, desagradables e inadecuados para un proyecto destinado a implementaciones a mayor escala.Solución
Dos métodos de recuperación contenido bilingüe, contenido estático y contenido dinámico, recupera contenido de los archivos de recursos en el momento de la carga o bajo demanda y presenta este contenido en elementos modales apropiados. Cada elemento modal se envía a través de un script estándar y una convención de nomenclatura coherente.Contenido Estático Modal
El contenido estático, como alertas y mensajes de confirmación, no cambia entre cargas de página.
El contenido estático se recupera dentro del renderizado de Razor durante la solicitud y se muestra a través de los modales de Bootstrap.
Modalidad de Contenido Dinámico
El contenido dinámico, como un formulario, puede cambiar por elemento asociado al elemento que realiza la llamada.
El contenido dinámico se recupera en un evento abierto modal. El evento realiza una solicitud de Ajax junto con un Id y un tipo de acción. El MAAction determina la vista parcial y el modelo, el MAId es el identificador único.