我将此模板用于我的ASP.net管理应用程序: http://themesseo.com/demo/admin-lte.html
我使用了复选框和模板中的单选按钮(常规Bootstrap复选框和单选按钮)。一切正常,但有一个地方我必须将它们放入更新面板,当我第一次打开页面时,复选框和单选按钮看起来很好。但是当我提交并且更新面板刷新内容时,每个复选框或单选按钮都丢失了它的css(或js?),当它们没有风格化时它们看起来像默认控件。
我可以做什么,以便更新面板中的每次更新都不会丢失css(或js?)?我尝试将css和js链接再次放在子页面中(因为它现在位于母版页中),但没有成功。
答案 0 :(得分:2)
要使许多此类主题起作用,您通常需要在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
将上述脚本放在页面底部,样式也应在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;
之后应用。