Caixa de seleção e botão de rádio Bootstrap CSS no painel de atualização do asp.net - jquery, css, asp.net, twitter-bootstrap, checkbox

Usei este modelo para meu aplicativo de administração ASP.net: http://themesseo.com/demo/admin-lte.html

E usei as caixas de seleção e os botões de opçãocomo no modelo (caixas de seleção e botões de rádio normais do Bootstrap). Tudo funciona bem, mas há um lugar onde devo colocá-los em um painel de atualização e quando abro a página pela primeira vez, as caixas de seleção e os botões de opção parecem bons. Mas quando eu envio e o painel de atualização atualiza o conteúdo, todo checkbox ou radiobutton perdeu seu css (ou js?) e eles se parecem com os controles padrão quando não são estilizados.

O que posso fazer para o css (ou js?) não se perdem em cada atualização no painel de atualização? Tentei colocar os links css e js novamente na página filho (porque agora está na página mestra), mas sem sucesso.

Respostas:

Para que muitos desses temas funcionem, geralmente você precisa inicializar os scripts de design novamente em postback. O link fornecido acima usa iCheck plugin para estilizar CheckBox e RadioButton e o seguinte snippet para aplicar o estilo:

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

Você pode usar o seguinte script em WebForms para registrar o snippet acima em PostBack na página infantil tendo 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 o script acima na parte inferior da página e os estilos devem ser aplicados após PostBack Além disso.