复选框& ASP.net更新面板中的单选按钮Bootstrap CSS

时间:2015-11-29 17:53:46

标签: jquery css asp.net twitter-bootstrap checkbox

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

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

我可以做什么,以便更新面板中的每次更新都不会丢失css(或js?)?我尝试将css和js链接再次放在子页面中(因为它现在位于母版页中),但没有成功。

1 个答案:

答案 0 :(得分:2)

要使许多此类主题起作用,您通常需要在postback上再次初始化设计脚本。上面给出的链接使用iCheck插件来样式化CheckBox和RadioButton以及以下代码段来应用样式:

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

您可以在WebForms中使用以下脚本在PostBackUpdatePanel 上的<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

将上述脚本放在页面底部,样式也应在SELECT C.COwnerId, O.COwnerName, (SELECT COUNT(*) FROM CouponTable WHERE COwnerId = c.COwnerId AND IsAvailable = 1) * 100 / (SELECT count(*) FROM CouponTable WHERE COwnerId = c.COwnerId) AS Rate FROM CouponTable AS C INNER JOIN CouponOwner AS O ON C.COwnerId = O.COwnerId GROUP BY C.COwnerId ORDER BY Rate DESC; 之后应用。