Pole wyboru i przycisk radiowy Bootstrap CSS w ASP.net Update Panel - jquery, css, asp.net, twitter-bootstrap, pole wyboru

Użyłem tego szablonu dla mojej aplikacji administratora ASP.net: http://themesseo.com/demo/admin-lte.html

I użyłem pól wyboru i przycisków opcjijak w szablonie (zwykłe pola wyboru i przyciski opcji Bootstrap). Wszystko działa dobrze, ale jest jedno miejsce, w którym muszę umieścić je w panelu aktualizacji, a kiedy otwieram stronę po raz pierwszy, pola wyboru i przyciski opcji wyglądają dobrze. Ale kiedy przesyłam i panel aktualizacji odświeża zawartość, co pole wyboru lub przycisk radiowy stracił css (lub js?) i wyglądają jak domyślne elementy sterujące, gdy nie są stylizowane.

Co mogę zrobić, aby css (lub js?) nie są tracone przy każdej aktualizacji w panelu aktualizacji? Próbowałem ponownie umieścić linki css i js na stronie podrzędnej (ponieważ jest teraz na stronie wzorcowej), ale bez powodzenia.

Odpowiedzi:

Aby wiele takich motywów działało, zwykle trzeba ponownie zainicjować skrypty projektowe postback. Powyższy link wykorzystuje iCheck wtyczka do stylizacji CheckBox i RadioButton oraz następujący fragment kodu w celu zastosowania stylu:

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

Możesz użyć następującego skryptu w WebForms zarejestrować się powyżej fragmentu kodu w dniu PostBack na stronie podrzędnej mający 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>

Umieść powyższy skrypt na dole strony, a style powinny zostać zastosowane po PostBack również.