/ / Поставити прапорець і радіо кнопка Bootstrap CSS на панелі оновлення ASP.net - jquery, css, asp.net, twitter-bootstrap, прапорець

Прапорець і радіо-кнопка Bootstrap CSS в панелі оновлення ASP.net - jquery, css, asp.net, twitter-bootstrap, прапорець

Я використовував цей шаблон для моєї програми адміністратора ASP.net: http://themesseo.com/demo/admin-lte.html

І я використовував прапорці та перемикачіяк у шаблоні (звичайні прапорці Bootstrap та перемикачі). Все працює добре, але є одне місце, де я повинен їх помістити на Панель оновлень, і коли я відкриваю сторінку вперше, прапорці та перемикачі виглядають добре. Але коли я надсилаю і Панель оновлення оновив вміст, кожен прапорець або радіо кнопка втратила css (або js?), і вони виглядають як елементи керування за замовчуванням, коли вони не стилізовані.

Що я можу зробити так, щоб css (або js?) не втрачаються під час кожного оновлення на панелі оновлень? Я спробував знову поставити посилання css та js на дочірню сторінку (тому що це зараз на головній сторінці), але без успіху.

Відповіді:

2 для відповіді № 1

Щоб багато таких тем працювало, зазвичай потрібно знову ініціалізувати сценарії дизайну postback. Посилання, подане вище, використовує iCheck плагін для стилізації CheckBox та RadioButton та наступний фрагмент для застосування стилю:

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

Ви можете використовувати наступний скрипт у WebForms щоб зареєструватися над фрагментом на PostBack на дочірній сторінці маючи 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>

Покладіть вищевказаний сценарій внизу сторінки, і стилі повинні застосовуватися після PostBack також.