/ / Case à cocher et bouton radio Bootstrap CSS dans le panneau de mise à jour ASP.net - jquery, css, asp.net, twitter-bootstrap, case à cocher

Case à cocher et bouton radio Bootstrap CSS dans le panneau de mise à jour ASP.net - jquery, css, asp.net, twitter-bootstrap, case à cocher

J'ai utilisé ce modèle pour mon application d'administration ASP.net: http://themesseo.com/demo/admin-lte.html

Et j'ai utilisé les cases à cocher et les boutons radiocomme dans le modèle (cases à cocher et boutons radio Bootstrap classiques). Tout fonctionne bien, mais c’est le seul endroit où je dois les mettre dans un panneau de mise à jour et lorsque j’ouvre la page pour la première fois, les cases à cocher et les boutons radio s’affichent correctement. case à cocher ou radiobutton a perdu son css (ou js?) et ils ressemblent aux contrôles par défaut quand ils ne sont pas stylisés.

Que puis-je faire pour le css (ou js?) ne sont pas perdus à chaque mise à jour dans le panneau de mise à jour? J’ai essayé de remettre les liens css et js dans la page enfant (car c’est maintenant dans la page maître) mais sans succès.

Réponses:

2 pour la réponse № 1

Pour que bon nombre de ces thèmes fonctionnent, vous devez généralement réinitialiser les scripts de conception le postback. Le lien donné ci-dessus utilise iCheck plugin pour styliser CheckBox et RadioButton et l'extrait suivant pour appliquer le style:

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

Vous pouvez utiliser le script suivant dans WebForms pour enregistrer l'extrait ci-dessus PostBack sur la page enfant ayant 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>

Placez le script ci-dessus au bas de la page et les styles doivent s'appliquer après PostBack aussi.