0

ノードとサブノードを含むツリービューを持つウィンドウがあります。サブノード/ノードをコピーして別のノードに貼り付けようとすると、ウィンドウが応答しなくなる傾向があります。貼り付けが完了すると、貼り付け先を更新します。この機能は以下のように行われます。

コピーと貼り付けの間にスピナーを表示して、ツリービューのウィンドウがフェードし、貼り付けが完了するまでスピナーを表示するにはどうすればよいですか。どんな助けでも大歓迎です。

$.ajax({
    type: 'POST',
    url: '/test.aspx',
    data: data,
    success: function(result) {
        refresh(id);
        if (result != "SUCCESS") alert("Copy failed");
        else {
            alert("Successfully Copied");
        }
    }
});
4

3 に答える 3

0 
$("#divProgress").html("<img src='yourImg.gif' alt='loading..' />").fadeIn(100,function(){

   $.ajax({
     type: 'POST',
     url: '/test.aspx',
     data: data,
     success: function(result) {
        $("#divProgress").fadeOut(300,function(){
              refresh(id); // not sure what this does!!! ...??
              if (result != "SUCCESS") 
              {
                 alert("Some error!");
              }
              else
              {
                 alert("Successfully Copied");
              }
        });
     }
  });

});

読み込み中の画像を表示するDivdivProgressであり、回転する画像の名前はyourImg.gifです。シナリオに応じて、画像パスを変更する必要がある場合があります。

于 2012-06-28T16:15:19.050 に答える
0

ajaxSendとを使用できますajaxComplete。これには、送信時に表示し、完了時に削除します。

CSSを使用してスピナーグラフィックの背景を持つ要素を作成し、おそらくそれにテキストなどを追加します...

$("#Loadstatus").bind("ajaxSend", function() {
    $(this).text(loadingMessage);
    $(this).show();
}).bind("ajaxComplete", function() {
    $(this).hide();
});

イベント中にターゲットツリーにオーバーレイやフェードなどを追加できます...

于 2012-06-28T16:12:33.903 に答える
0

必要な機能を実装する1つの方法は、非表示の<div>タグを使用することです。これを完了するには、2つのdivが必要です。

  • 灰色のdivと、読み込み中に灰色にしたい領域をカバーする高レベルの透明度。
  • 回転するgif画像を含むdiv。

ここで、セクションをロードするときに、両方のdivのcss可視性をオンにし、ロードが完了したら、可視性をオフに戻します。

〜出来上がり

于 2012-06-28T16:13:04.143 に答える