添加動畫到正在加載的項目intp webgrid MVC

我正在添加項目到webgrid，並希望他們在計時器上「過渡」。何時以及如何在項目開始加載時執行此動畫（使用JQuery）？添加動畫到正在加載的項目intp webgrid MVC

我載入名爲「_PartResults」使用下面的不用彷徨Ajax調用的局部視圖：提前

$.get("@Url.Action("_PartResults")", { 
         parameter1: parameterVariable, 
         parameter2: parameter2Variable.... 
        }, function (data) { 
         // alert(data); 
         $('#divPartResults').replaceWith(data); 
         $('#divPartResults').find('tr').fadeIn(); 
        });

謝謝！

來源

2014-11-06 Rachael

請參閱http://api.jquery.com/jquery.get/獲取$.get的API，表明存在Success回調。

你已經利用與功能的回調：

function (data) { 
    // alert(data); 
    $('#divPartResults').replaceWith(data); 
}

因此，只要改變這包括你的圖像轉換/動畫。如果你要改變使用全Ajax調用的代碼，你可以這樣做以下：

$.ajax({ 
    url: "@Url.Action("_PartResults")", 
    data: { 
     parameter1: parameterVariable, 
     parameter2: parameter2Variable.... 
    }, 
    beforeSend: function(){ 
     $('#divPartResults').fadeOut(); 
     $('#someLoadingImage').fadeIn(); 
    }, 
    success: function (data) { 
     // alert(data); 
     $('#divPartResults').replaceWith(data); 
     $('#someLoadingImage').fadeOut(); 
     $('#divPartResults').fadeIn(); 
    } 
});

來源

2014-11-07 12:59:54

感謝您的回答，但我沒能獲得在輸入/輸出數據衰減的任何處理。目標是控制webgrid中每行的動畫，但似乎MVC html助手會加載整個數據塊以立即填充控件。 – Rachael 2014-11-17 15:13:46

我在我的問題中添加了一些編輯，以幫助說明我想要用行動畫實現的內容。 – Rachael 2014-11-17 15:47:51

數據將總是出現在一個塊中，因此您不能逐行動畫化數據（據我所知），但是一旦它被加載，您可以使用可以解決您的問題的動畫一次添加一行。 – 2014-11-17 16:26:00

添加動畫到正在加載的項目intp webgrid MVC

回答

相關問題