Jqgrid淡入淡出？

Question

的jqGrid是否支持淡入，淡出，我想讓它淡入淡出的網格顯示時和重裝，有沒有人知道如何做呢？

Answer 1

你需要隱藏它的內容或整個網格？有進/出在jqGrid的，但你可以使用jQuery效果函數來創建這個效果 您可以在onBeforeRequest設置淡出不褪色，和淡入在loadComplete

onBeforeRequest : function(){ 
    // is used for the whole grid 
    $(this).closest('#gbox_'+this.id).fadeOut('slow'); 

    /*--------- OR ----------*/ 

    //will fade out only the table inside 
    $(this).fadeOut('slow'); 
}, 

loadComplete : function(){ 



    $(this).closest('#gbox_'+this.id).fadeIn('slow'); 

    /*--------- OR ----------*/ 

    $(this).fadeIn('slow'); 

} 

Answer 2

如果你去一個視覺效果利維烏的回答是一個很好的一個。如果你試圖在加載數據時阻止用戶與網格的交互，我喜歡在我的網格上執行的操作是使用BlockUI插件http://jquery.malsup.com/block/#element

我的模式是在ajax調用之前阻止網格，然後解除阻止它在ajax調用的成功方法上。

Answer 3

如果你是想通知用戶網格載入中...（我完全假設，這可能是在你在找什麼？核心）...作爲替代的淡入/淡出...

我發現，「電網負荷」消息不通知用戶網格加載最大的方式。例如，如果網格有很多行，則消息可能不會出現在視圖區域中，並且用戶可能正在查看網格中的舊數據（正在加載時）並且沒有意識到它...特別是如果服務器處理ajax速度慢或無論什麼原因查詢都很慢。這裏有一個小東西，我做的事：

此事件添加到您的jqGrid設置：

beforeRequest: function(){ 
    $('#grid tr').addClass('gridLoadingClass'); 
    $('#grid span').css('color','lightgray'); 
    $('#grid a').css('color','lightgray'); 
}, 

，並添加一個類像這樣的地方在你的CSS：

.gridLoadingClass {color:lightgray;} 

網格的內容將現「灰色「，而加載。