検索ボタンのクリックでプログレスバーを追加するにはどうすればよいですか

アジャイ・クマール

結果を検索すると、データが表示されるまでに時間がかかるため、検索ボタンをクリックした後にプログレスバーが表示されるようにします。データが表示されるまで5〜8秒かかります。[divclass = "k- grid-content] div in inspect element then load barはうまく機能しますが、データの読み込み後に非表示にはなりません。データの読み込み前に以下のコードを追加し、読み込み後に削除するにはどうすればよいですか。ありがとうございます。

<div class="k-loading-mask" style="width: 100%; height: 100%; top: 0px; left: 0px;">
<span class="k-loading-text">Loading...</span>
<div class="k-loading-image"></div>
<div class="k-loading-color"></div>
</div>
ラフール・シン

剣道UIには、プログレスバーを表示する方法がすでに用意されています。あなたはそれをこのように使うことができます:-

kendo.ui.progress(element, true);

element進行状況マークアップを追加するdivはどこにありますか(このdivはMaster \ Layoutページに追加できます)。

また、次のような一般的なJSファイルにジェネリックメソッドを記述できます。-

function displayProgressBar(display){
    kendo.ui.progress(element, display);
}

最後に、次のようなJS関数からこれを呼び出すことができます:displayProgressBar(true)進行状況displayProgressBar(false)を表示したり非表示にしたりします。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

tkinterのボタンクリックでプログレスバーをインクリメントするにはどうすればよいですか?

分類Dev

グリッドボタンの束を含むフレームにスクロールバーを追加するにはどうすればよいですか?

分類Dev

Flutterの検索ボックスをクリックしたときにフローティングアクションボタン(FAB)が表示されないようにするにはどうすればよいですか?

分類Dev

ストーリーボードベースのヘッダーとCustomTableCellを「検索バーと検索ディスプレイコントローラー」に追加するにはどうすればよいですか。

分類Dev

「検索」ボタンがクリックされた後に検索バーのレンダリングを変更するにはどうすればよいですか?

分類Dev

更新せずにjspスクリプトレットを実行する検索ボタンを作成するにはどうすればよいですか?

分類Dev

WPFダイアログボックスでバインドする追加のプロパティを作成せずに、テキストボックスで検証ルールを使用するにはどうすればよいですか?

分類Dev

バックグラウンドスクリプトを有効にするボタンを追加するにはどうすればよいですか?

分類Dev

ドロップダウン選択値をコントローラーのボタンクリックに渡し、データベース内の値を検索するにはどうすればよいですか?

分類Dev

Bootstrapで検索ボックスの結果をスクロールバーにするにはどうすればよいですか?

分類Dev

iOSデバイスのキーボードで検索キーをクリックして、セレンを使用してWebアプリケーションを自動化するにはどうすればよいですか?

分類Dev

アクション/ボタンクリックでスレッドのスリープを停止するにはどうすればよいですか?

分類Dev

プログレスバーの更新を伴う一連のボレーリクエストを作成するにはどうすればよいですか?

分類Dev

パイプを使用して、いくつかのチェックボックスと検索フィールドでデータフィルタリングを整理するにはどうすればよいですか?

分類Dev

Windows 10のタスクバーとプログラム検索でEclipseを適切に動作させるにはどうすればよいですか?

分類Dev

ストーリーボードのタッチバーにスクロールビューを追加するにはどうすればよいですか?

分類Dev

アクションバーの右側にあるバックプレスボタンを有効にするにはどうすればよいですか?

分類Dev

迅速にレートボタンのリンクを追加するにはどうすればよいですか?

分類Dev

GridView :: widget、Yii2の検索ボックスでフィルタリングを使用して単純なドロップダウンリストを使用するにはどうすればよいですか?

分類Dev

Firefoxブラウザの検索ボックスにプログラムでテキストを挿入するにはどうすればよいですか?

分類Dev

Android:キーボードのEnterボタンに「検索」と表示させてクリックを処理するにはどうすればよいですか?

分類Dev

vimperatorでクリップボードのコンテンツをすばやく検索するにはどうすればよいですか?

分類Dev

Cygwin-スクロールバックを検索するにはどうすればよいですか?

分類Dev

JQueryでチェックボックスを使用してフィルタリングする場合、完全に一致するだけでなく、データ属性の完全な文字列内を検索するにはどうすればよいですか?

分類Dev

(プログレスバーの)テキストボックスからカーソルを削除するにはどうすればよいですか?

分類Dev

ブートストラップ4のナビゲーションバーリンクを検索バーでフィルタリングするにはどうすればよいですか?

分類Dev

Angularを使用してボタン(クリック)のリストを検索するにはどうすればよいですか?

分類Dev

Tomcat 5.5で、プログラムで特定のサーブレットインスタンスを検索したり、新しいマッピングを追加したりするにはどうすればよいですか?

分類Dev

検索ボックスのタイトルを変更するにはどうすればよいですか?

Related 関連記事

  1. 1

    tkinterのボタンクリックでプログレスバーをインクリメントするにはどうすればよいですか?

  2. 2

    グリッドボタンの束を含むフレームにスクロールバーを追加するにはどうすればよいですか?

  3. 3

    Flutterの検索ボックスをクリックしたときにフローティングアクションボタン(FAB)が表示されないようにするにはどうすればよいですか?

  4. 4

    ストーリーボードベースのヘッダーとCustomTableCellを「検索バーと検索ディスプレイコントローラー」に追加するにはどうすればよいですか。

  5. 5

    「検索」ボタンがクリックされた後に検索バーのレンダリングを変更するにはどうすればよいですか?

  6. 6

    更新せずにjspスクリプトレットを実行する検索ボタンを作成するにはどうすればよいですか?

  7. 7

    WPFダイアログボックスでバインドする追加のプロパティを作成せずに、テキストボックスで検証ルールを使用するにはどうすればよいですか?

  8. 8

    バックグラウンドスクリプトを有効にするボタンを追加するにはどうすればよいですか?

  9. 9

    ドロップダウン選択値をコントローラーのボタンクリックに渡し、データベース内の値を検索するにはどうすればよいですか?

  10. 10

    Bootstrapで検索ボックスの結果をスクロールバーにするにはどうすればよいですか?

  11. 11

    iOSデバイスのキーボードで検索キーをクリックして、セレンを使用してWebアプリケーションを自動化するにはどうすればよいですか?

  12. 12

    アクション/ボタンクリックでスレッドのスリープを停止するにはどうすればよいですか?

  13. 13

    プログレスバーの更新を伴う一連のボレーリクエストを作成するにはどうすればよいですか?

  14. 14

    パイプを使用して、いくつかのチェックボックスと検索フィールドでデータフィルタリングを整理するにはどうすればよいですか?

  15. 15

    Windows 10のタスクバーとプログラム検索でEclipseを適切に動作させるにはどうすればよいですか?

  16. 16

    ストーリーボードのタッチバーにスクロールビューを追加するにはどうすればよいですか?

  17. 17

    アクションバーの右側にあるバックプレスボタンを有効にするにはどうすればよいですか?

  18. 18

    迅速にレートボタンのリンクを追加するにはどうすればよいですか?

  19. 19

    GridView :: widget、Yii2の検索ボックスでフィルタリングを使用して単純なドロップダウンリストを使用するにはどうすればよいですか?

  20. 20

    Firefoxブラウザの検索ボックスにプログラムでテキストを挿入するにはどうすればよいですか?

  21. 21

    Android:キーボードのEnterボタンに「検索」と表示させてクリックを処理するにはどうすればよいですか?

  22. 22

    vimperatorでクリップボードのコンテンツをすばやく検索するにはどうすればよいですか?

  23. 23

    Cygwin-スクロールバックを検索するにはどうすればよいですか?

  24. 24

    JQueryでチェックボックスを使用してフィルタリングする場合、完全に一致するだけでなく、データ属性の完全な文字列内を検索するにはどうすればよいですか?

  25. 25

    (プログレスバーの)テキストボックスからカーソルを削除するにはどうすればよいですか?

  26. 26

    ブートストラップ4のナビゲーションバーリンクを検索バーでフィルタリングするにはどうすればよいですか?

  27. 27

    Angularを使用してボタン(クリック)のリストを検索するにはどうすればよいですか?

  28. 28

    Tomcat 5.5で、プログラムで特定のサーブレットインスタンスを検索したり、新しいマッピングを追加したりするにはどうすればよいですか?

  29. 29

    検索ボックスのタイトルを変更するにはどうすればよいですか?

ホットタグ

アーカイブ