使用更新面板进行进度指示

Question

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

这里我们使用了UpdatePanel。所以我有几个问题：

• 是否可以在没有脚本管理器的情况下使用UpdatePanel？
• 我可以将一个 UpdatePanel 添加到母版页并在每次单击按钮时使用它吗？

我的想法是向按钮添加一些类，单击我想显示 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'
        }
    });
});

Answer 1

是否可以在没有脚本管理器的情况下使用UpdatePanel？

不，不是。

我可以将一个 UpdatePanel 添加到母版页并在每个按钮上使用它吗 点击？

是的，但是您正在为灾难做好准备。某些控件在 UpdatePanel 中效果不佳，您会发现自己在网站上遇到了各种难以调试的问题。如果您要使用UpdatePanel（我建议您不要使用），那么您应该使其尽可能接近需要它的控件，以最大程度地减少这些问题。