/ / Casilla de verificación y botón de opción Bootstrap CSS en el Panel de actualización de ASP.net - jquery, css, asp.net, twitter-bootstrap, casilla de verificación

Casilla de verificación y botón de radio Bootstrap CSS en el panel de actualización de ASP.net - jquery, css, asp.net, twitter-bootstrap, casilla de verificación

Usé esta plantilla para mi aplicación de administración ASP.net: http://themesseo.com/demo/admin-lte.html

Y usé las casillas de verificación y los botones de radiocomo en la plantilla (casillas de verificación de Bootstrap y botones de opción). Todo funciona bien, pero hay un lugar donde debo colocarlos en un Panel de actualización y cuando abro la página por primera vez, las casillas de verificación y los botones de opción se ven bien. Pero cuando envío y el Panel de actualización actualiza el contenido, cada la casilla de verificación o el botón de radio ha perdido su css (o js?) y se ven como los controles predeterminados cuando no están estilizados.

¿Qué puedo hacer para que css (o js?) no se pierden en cada actualización en el Panel de actualización? Traté de poner los enlaces css y js nuevamente en la página secundaria (porque ahora está en la página maestra) pero sin éxito.

Respuestas

2 para la respuesta № 1

Para que muchos de estos temas funcionen, generalmente necesita inicializar los scripts de diseño nuevamente en postback. El enlace dado anteriormente utiliza iCheck Plugin para estilizar CheckBox y RadioButton y el siguiente fragmento para aplicar el estilo:

$("input[type="checkbox"]:not(.simple), input[type="radio"]:not(.simple)").iCheck({
checkboxClass: "icheckbox_minimal",
radioClass: "iradio_minimal"
});

Puedes usar el siguiente script en WebForms para registrarse arriba del fragmento en PostBack en la página secundaria teniendo UpdatePanel:

<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function EndRequestHandler(sender, args) {
if (args.get_error() == undefined) {
registerPBackScript();
}
}
function registerPBackScript() {
$("input[type="checkbox"]:not(.simple), input[type="radio"]:not(.simple)").iCheck({
checkboxClass: "icheckbox_minimal",
radioClass: "iradio_minimal"
});
}
registerPBackScript();
</script>

Coloque el script anterior en la parte inferior de la página y los estilos deben aplicarse después PostBack además.