データベースを実行するのに約10秒かかる検索機能があります。検索が実際に実行されていることをユーザーに知らせるために、dojoで検索ステータスを表示する方法はありますか?
明確にするために
結果が表示されるウィンドウ内で、パーセンテージ付きの進行状況バー、回転する円、または単純な検索...のいずれかを表示するものを探します。これにより、ユーザーはボタンのクリックによって実際に検索がトリガーされたことがわかります。検索が完了し、ウィンドウにデータが表示されると、が消えます。
データベースを実行するのに約10秒かかる検索機能があります。検索が実際に実行されていることをユーザーに知らせるために、dojoで検索ステータスを表示する方法はありますか?
明確にするために
結果が表示されるウィンドウ内で、パーセンテージ付きの進行状況バー、回転する円、または単純な検索...のいずれかを表示するものを探します。これにより、ユーザーはボタンのクリックによって実際に検索がトリガーされたことがわかります。検索が完了し、ウィンドウにデータが表示されると、が消えます。
ちなみに、ひどい質問ですが、実際に達成したいことについて、より多くの情報を提供する必要があります。
そうは言っても、ページを空白にするためにスタンバイウィジェットを使用することをお勧めします。
検索を実行する前に、スタンバイウィジェットを表示できます。
例えば:
<div data-dojo-props="target: dojo.byId("someTargetNode")" data-dojo-type="dojox/widget/Standby" id="standby" ></div>
次に、show()を呼び出すことで、ターゲットのdomNodeをローダーでオーバーレイするスタンバイウィジェットを表示できます。応答が返ってきたら、明らかに手動でhideを呼び出す必要があります。
dijit.byId("standby").show();
dojox / widget / Standbyのデモ(ページが読み込まれるまでしばらくお待ちください。デモはDojoのビルドされていないバージョンであるため、数秒かかる場合があります)。
使用できる2番目のソリューションは、トースターウィジェットです。これは、ページからポップアップして、何かをロードしていることを示します。
私のアプリケーションでは、カスタムスタイルのトースターを使用して読み込みを実行します。
スタンバイウィジェットの使用例
これがスタンバイの簡単なスクリーンショットです
トースターの使用例
これがトースターの簡単なスクリーンショットです