用于刷新页面和/或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);