用於刷新頁面和/或telerik網格的JavaScript代碼

Question

我需要某種代碼，每5分鍾刷新一次頁面，如果沒有頁面，那么只顯示Telerik網格，因為這就是所需要的。

只有在可能的情況下，如果在頁面上沒有活動5分鍾后才會出現其他事情，但這不是核心功能。

Answer 1

一種可能性是使用元刷新標記：

<meta http-equiv="refresh" content="300" />

另一種可能性是使用window.setInterval方法將定期AJAX請求發送到控制器操作並更新DOM：

window.setInterval(function() {
    // Send an AJAX request to a controller action which will
    // return a partial with the grid and update the DOM
    $.ajax({
        url: '/grid',
        success: function(result) {
            $('#someGridContainer').html(result);
        }
    });
}, 300000);

要實現空閑功能，您可以使用jquery idle插件 。

Answer 2

保持簡單，在需要刷新網格時調用refreshGrid()函數。

function refreshGrid() {
    if ($(".t-grid .t-refresh").exists()) {
        $(".t-grid .t-refresh").trigger('click');
    }
}

/*return true if does selected element exist.*/
(function ($) {
    $.fn.exists = function () { return jQuery(this).length > 0; }
})(jQuery);

Answer 3

    setTimeout(function(){
      window.location.reload();
   },300000);

Answer 4

如果您的網格設置為ajax刷新，那么您可以使用類似的東西

    <script type="text/javascript">
        $(function() {
            setInterval(function() {
                $('#GridName').data('tGrid').ajaxRequest(); 
            }, 300000);
        }); 
    </script>   

Answer 5

對於服務器綁定Telerik Grid只需要執行以下操作.....只需使用和歡呼

任何事件發生后你都可以打電話

   var href = $('.t-refresh').attr('href');
    window.location.href = href;

Answer 6

如果在Telerik Grid上使用Ajax或Webservice綁定，則可以在網格對象上調用rebind（）方法。 這將迫使它再次調用綁定的Select方法以獲取最新數據。

如果你將rebind（）調用與Darin使用SetInterval方法的答案結合起來，它應該會給你你想要的東西。