結果を検索すると、データが表示されるまでに時間がかかるため、検索ボタンをクリックした後にプログレスバーが表示されるようにします。データが表示されるまで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]
コメントを追加