使用 UpdatePanel 进行进度指示
Using UpdatePanel for progress indication
我刚刚红了这篇文章http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/
这是关于在服务器端点击时添加BlockUI。
这里我们使用了UpdatePanel。
所以我有几个问题:
- 是否可以在没有 ScriptManager 的情况下使用 UpdatePanel?
- 我可以向母版页添加一个 UpdatePanel 并在每次单击按钮时使用它吗?
我的想法是向按钮添加一些 class,单击它我想显示 blockUI 并使用下一个代码:
$('.btn-busy').click(function () {
$.blockUI({
message: $('#img-loader'),
css: {
border: 'none',
padding: '5px',
'background-color': 'transparent',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .6,
color: '#fff',
cursor: 'wait'
}
});
});
Is it possible to use UpdatePanel without ScriptManager?
不,不是。
Can I add one UpdatePanel to Master Page and use it on every button
click?
是的,但是您正在为灾难做准备。某些控件在 UpdatePanel
中运行不佳,您会发现自己在网站上遇到各种难以调试的问题。如果您打算使用 UpdatePanel
(我建议您不要使用),那么您应该将它尽可能靠近需要它的控件,以尽量减少这些问题。
我刚刚红了这篇文章http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/ 这是关于在服务器端点击时添加BlockUI。
这里我们使用了UpdatePanel。 所以我有几个问题:
- 是否可以在没有 ScriptManager 的情况下使用 UpdatePanel?
- 我可以向母版页添加一个 UpdatePanel 并在每次单击按钮时使用它吗?
我的想法是向按钮添加一些 class,单击它我想显示 blockUI 并使用下一个代码:
$('.btn-busy').click(function () {
$.blockUI({
message: $('#img-loader'),
css: {
border: 'none',
padding: '5px',
'background-color': 'transparent',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .6,
color: '#fff',
cursor: 'wait'
}
});
});
Is it possible to use UpdatePanel without ScriptManager?
不,不是。
Can I add one UpdatePanel to Master Page and use it on every button click?
是的,但是您正在为灾难做准备。某些控件在 UpdatePanel
中运行不佳,您会发现自己在网站上遇到各种难以调试的问题。如果您打算使用 UpdatePanel
(我建议您不要使用),那么您应该将它尽可能靠近需要它的控件,以尽量减少这些问题。