javascript - 道场。显示搜索状态

Question

我有一个搜索功能，大约需要 10 秒才能运行完数据库。有没有办法在dojo中显示搜索状态，以便用户知道搜索实际上正在执行？

澄清

在显示结果的窗口中寻找显示带有百分比的进度条、旋转的圆圈或只是简单的搜索...的内容，以便用户知道他们的按钮单击实际上触发了搜索，然后在搜索完成并填充窗口后消失。

Answer 1

顺便说一句，这个问题很糟糕，您需要提供更多有关您实际想要实现的目标的信息。

话虽如此，我猜测您可能想要使用待机小部件来清空页面。

解决方案 1 - 备用小部件

在执行搜索之前，您可以显示备用小部件。

例如:

 <div data-dojo-props="target: dojo.byId("someTargetNode")" data-dojo-type="dojox/widget/Standby" id="standby" ></div>

然后，您可以通过调用 show() 显示 Standby 小部件，该小部件将使用加载程序覆盖您的目标 domNode；显然，当您收到响应时，您还必须手动调用 hide。

dijit.byId("standby").show();

dojox/widget/Standby 的演示(请耐心等待页面加载。该演示是 Dojo 的未构建版本，因此可能需要几秒钟)；

解决方案 2 - toastr 小部件

您可以使用的第二个解决方案是 Toaster 小部件，它会从页面中弹出，显示您正在加载某些内容。

dojox/widget/Toaster 的演示

在我的应用程序中，我使用自定义样式的 toastr 来实现加载。

使用待机小组件的示例

这是待机的快速屏幕截图

使用 toastr 的示例

这是 toastr 的快速屏幕截图