ASP.NET Core MVC / Razor Pages UI：JavaScript UI 阻止/忙碌 API

UI 阻止 API 用于禁用（阻止）整个页面或页面的某一部分。

基本用法

示例：阻止（禁用）整个页面

abp.ui.block();

示例：阻止（禁用）某个 HTML 元素

abp.ui.block('#MyContainer');

示例：启用先前被阻止的元素或页面：

abp.ui.unblock();

选项

abp.ui.block() 方法可以接收一个选项对象，该对象可能包含以下字段：

• elm：一个可选的选择器，用于查找要阻止的元素（例如 #MyContainerId）。如果未提供，则阻止整个页面。选择器也可以直接传递给 block() 方法，如上所示。
• busy：设置为 true 可在阻止区域显示进度指示器。
• promise：一个具有 always 或 finally 回调的 Promise 对象。如果您希望在延迟操作完成时自动解除对阻止区域的阻止，这会很有用。

示例：使用忙碌指示器阻止元素

abp.ui.block({
  elm: '#MySection',
  busy: true
});

生成的 UI 将如下所示：

setBusy

如果您想使用带有 busy 选项的阻止功能，abp.ui.setBusy(...) 和 abp.ui.clearBusy() 是快捷函数。

示例：使用忙碌阻止

abp.ui.setBusy('#MySection');

然后您可以使用 abp.ui.clearBusy(); 重新启用忙碌区域/页面。