0

私はSpring MVC Java Webアプリケーションに取り組んでいます。アプリには JSP ページが含まれており、その上に DB からのデータを表示するテーブルがあります。データは、クラス .editable に属するテキスト入力で表示されます。次の処理を行うスクリプトを実装しました。 

function editableInput() {
$('.editable').each(function() {
var input = $(this);
input.before("<span class='spanEditable'>" + input.val() + "</span>");
input.hide();
});
}

後でスクリプトを使用して、行がラジオ入力から選択されたときに行のテキスト入力を表示します。行が選択されている場合、行が選択されていない場合、テキスト入力を使用せずに、すべてのテーブル コンテンツをプレーン テキストのように表示します。

私が直面している問題:ページが読み込まれているときに、最初に作成されたようにすべてのテーブル行が表示され、すべてのデータがテキスト入力に表示され、スクリプトが完了すると、すべてのデータがスパンに表示されます。すべてのものをロードするまで、これは本当に悪いように見えます。

関数 editableInput() が完了するまで、ロード中の gif を使用するにはどうすればよいですか? AJAX呼び出しを使用する場合、読み込みgifを追加する方法を知っているでしょうが、これは関数を呼び出す方法です:

$(document).ready(function() {
editableInput(); )};
4

2 に答える 2

1

jQuery BlockUI Plugin (v2)を試すことができます

于 2012-09-09T15:49:24.567 に答える
0

これを試すことができますが、かなり粗雑ですが動作します。ページの読み込み時に、次を使用してテーブルを別の div にラップします。

$("table#table1").wrap("<div id='dvWrapp' style='background-color:#000;'/>");

editableInput 呼び出しが完了したら、ラップを解除します。

$("table#table1").unwrap();

ラッパー div のスタイルを設定して、読み込み中の画像やメッセージを表示することもできます。

この例を試してください: http://jsfiddle.net/amantur/FkjkR/

于 2012-09-09T15:54:49.203 に答える