使用 UpdatePanel 进行进度指示

Using UpdatePanel for progress indication

我刚刚红了这篇文章http://encosia.com/using-jquery-to-enhance-aspnet-ajax-progress-indication/ 这是关于在服务器端点击时添加BlockUI。

这里我们使用了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(我建议您不要使用),那么您应该将它尽可能靠近需要它的控件,以尽量减少这些问题。