jquery - ASP.net Updatepanel 中的复选框和单选按钮 Bootstrap CSS

Question

我将此模板用于我的 ASP.net 管理应用程序: http://themesseo.com/demo/admin-lte.html

我使用了模板中的复选框和单选按钮(常规的 Bootstrap 复选框和单选按钮)。一切正常，但有一个地方我必须将它们放入更新面板，当我第一次打开页面时，复选框和单选按钮看起来很好。但是当我提交并且更新面板刷新了内容时，每个复选框或单选按钮都丢失了它的 css(或 js？)，并且当它们没有被风格化时它们看起来像默认控件。

我该怎么做才能使 css(或 js？)在更新面板中的每次更新中都不会丢失？我尝试将 css 和 js 链接再次放入子页面(因为它现在位于母版页中)但没有成功。

Answer 1

要使许多此类主题正常工作，您通常需要在回发 上再次初始化设计脚本。上面给出的链接使用 iCheck 插件对 CheckBox 和 RadioButton 进行样式化，并使用以下代码片段来应用样式:

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

您可以在 WebForms 中使用以下脚本在具有 UpdatePanel 的 PostBack 子页面 上注册以上片段:

<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 之后应用。