用于刷新页面和/或 Telerik 网格的 JavaScript 代码

关键词：

【中文标题】用于刷新页面和/或 Telerik 网格的 JavaScript 代码【英文标题】：JavaScript code to refresh page and or telerik grid 【发布时间】：2011-07-30 17:33:03 【问题描述】：

我需要某种代码，它会每 5 分钟刷新一次页面，如果不是页面，则只显示 Telerik 网格，因为这就是所有需要的。

如果可能的话，只有在页面上没有任何活动 5 分钟后才会出现其他情况，但这不是核心功能。

【问题讨论】：

如果有谁对我投了反对票，我会很好地解释原因，这样我就可以改进/纠正错误的地方。 【参考方案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 plugin。

【讨论】：

这只会刷新网格本身，是否可以用于 $("#cal").datepicker( dateFormat: 'dd/mm/yy', onSelect: function (dt, inst) $('#blahList').data('tGrid').rebind( ndate: dt ); );哪个会根据所选日期更改显示的记录？ @Myzifer，如果您在成功回调中使用 AJAX，您可以将 DOM 的任何部分替换为新内容，仅包括网格。 它是一个 ajax 数据绑定，但问题是我认为我需要创建一个隐藏的或者可能是一个隐藏的并存储重新绑定的日期，以便刷新将根据该日期刷新网格对吗？ 它如何请求排序、分组、分页参数？它将请求“非常”新鲜的网格。 当我有机会时，我会尝试一下，但这样我就不会忘记将这个问题标记为已回答，因为这个答案有我正在使用的临时解决方案，并且可能是最好的解决方案这只是刷新网格并在计时器上然后我将其标记为正确答案。【参考方案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);

【讨论】：

【参考方案3】：

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

【讨论】：

如果它直接工作而没有问题，那么我可能会一直使用它，直到我可以让 Darin 的解决方案正常工作，除非这个超时位是否意味着它是空闲状态超时？ 表示传递的函数将在5分钟后被调用，仅此而已。我已经纠正了一点。我在 window.reload() 中有错误。必须调用 window.location.reload()。 你知道我将如何代替 window.location.reload() 而是将它绑定到网格本身以重新加载，因为我有 $("#cal").datepicker( dateFormat: 'dd/mm/yy', onSelect: function (dt, inst) $('#BlahList').data('tGrid').rebind( ndate: dt ); );这会将显示的记录更改为所选日期，但如果可能的话，我想通过重新加载网格将所选日期绑定到重新加载中。【参考方案4】：

如果您的网格设置为 ajax 刷新，那么您可以使用类似

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

【讨论】：

【参考方案5】：

For Server Bindings Telerik Grid 只需要做下面的事情.....随便用，干杯

在任何事件之后你都可以调用它

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

【讨论】：

【参考方案6】：

如果您在 Telerik Grid 上使用 Ajax 或 Webservice 绑定，则可以在网格对象上调用 rebind() 方法。这将迫使它再次调用绑定的 Select 方法以获取最新数据。

如果您将 rebind() 调用与 Darin 的使用 SetInterval 方法的答案结合起来，它应该会为您提供您所追求的。

【讨论】：

当我们将 Telerik 网格与 LinqDataSource 一起使用时，如何在页面的各种按钮单击事件上重新生成网格数据

】当我们将Telerik网格与LinqDataSource一起使用时，如何在页面的各种按钮单击事件上重新生成网格数据【英文标题】：HowtoregenerategriddataonvariousbuttonclickeventofapagewhileweareusingtelerikgridwithLinqDataSource【发布时间】：2011-10-1804:14:58【问题... 查看详情

Telerik Kendo Grid (MVC) 更新后刷新

】TelerikKendoGrid(MVC)更新后刷新【英文标题】：RefreshafterupdateTelerikKendoGrid(MVC)【发布时间】：2014-07-3105:44:42【问题描述】：我有一个带有一些环境数据的剑道网格。网格的字段之一是“isDefault”，它接收1或0（对于真或假）。在数... 查看详情

用于 jquery 的 Telerik Kendo 网格不显示数据

】用于jquery的TelerikKendo网格不显示数据【英文标题】：TelerikKendogridforjquerydoesnotshowdata【发布时间】：2020-12-0212:49:48【问题描述】：我的剑道网格定义如下：vardataSource=newkendo.data.DataSource(batch:false,autoSync:true,transport:read:url:"/monitorin... 查看详情

如何委托telerik网格视图常用方法从每个子页面的父页面调用？

】如何委托telerik网格视图常用方法从每个子页面的父页面调用？【英文标题】：Howtodelegatetelerikgridviewcommonmethodstobecallfromparentpagefromeverychildpage?【发布时间】：2016-03-2709:19:15【问题描述】：我正在使用TelerikGridview来显示记录列表... 查看详情

Telerik/ Kendo MVC Grid，按需加载网格，而不是页面加载

】Telerik/KendoMVCGrid，按需加载网格，而不是页面加载【英文标题】：Telerik/KendoMVCGrid,Loadgridondemand,notonpageload【发布时间】：2017-12-0903:47:46【问题描述】：我找到了几个关于如何做到这一点的例子，但没有一个对我有用。这是我的T... 查看详情

无法识别 Telerik 网格中的选定页面。我需要在所选页面上加下划线。在这方面帮助我

】无法识别Telerik网格中的选定页面。我需要在所选页面上加下划线。在这方面帮助我【英文标题】：Cannotidentifyselectedpageintelerikgrid.Ineedselectedpagetobeunderlined.Helpmeinthis【发布时间】：2016-02-2216:03:10【问题描述】：对于我的Telerikradg... 查看详情

在编辑期间设置 Telerik MVC 网格列属性

】在编辑期间设置TelerikMVC网格列属性【英文标题】：SettingTelerikMVCgridcolumnpropertiesduringanEdit【发布时间】：2011-12-1100:59:36【问题描述】：我有一个MVC3RazorTelerik网格。我在行上有一个编辑命令。当用户单击“编辑”时（这会将网格... 查看详情

用于打印的引导网格

】用于打印的引导网格【英文标题】：Bootstrapgridforprinting【发布时间】：2014-04-0714:38:16【问题描述】：我想设计一个具有不同布局的报表页面以打印到移动设备。我正在使用引导程序v3。似乎网格无法区分两者，因为打印的断点... 查看详情

带有添加编辑和删除弹出窗口的网格

...添加、编辑和删除弹出窗口的网格？【问题讨论】：使用Telerik扩展是免费的-link这 查看详情

用于页眉、粘滞页脚和垂直对齐的中间内容的 CSS Flexbox 或 CSS 网格？

】用于页眉、粘滞页脚和垂直对齐的中间内容的CSSFlexbox或CSS网格？【英文标题】：CSSFlexboxorCSSGridforHeader,StickyFooterandVerticallyAlignedMiddleContentalltogether?【发布时间】：2019-07-1212:04:19【问题描述】：我有一个要求，我们有页眉、中间... 查看详情

如何在另一页面的事件中重新加载或刷新一个页面的存储数据

...一个js文件插入数据（将数据添加到表中）。第二个文件用于在网格中显示记录。我想在第一页的保存事件中刷新第二页的存储。【问题讨论】：【参 查看详情

Telerik MVC Extensions Grid - 如何让网格过滤器应用于初始 LINQ 查询或传递给 db？

】TelerikMVCExtensionsGrid-如何让网格过滤器应用于初始LINQ查询或传递给db？【英文标题】：TelerikMVCExtensionsGrid-HowtohavethegridfilterapplytoinitialLINQqueryorgetpasseddowntodb?【发布时间】：2014-12-2223:38:43【问题描述】：目前在我的MVC网格中，我... 查看详情

在 Windows 上禁用或刷新页面缓存

...描述】：我假设Windows具有与Linux的页面缓存类似的概念，用于将磁盘中的数据（如文件、可执行文件和动态库）存储在内存中。我想知道是否有可能禁用此类缓存或至少清除/刷新它。【问题讨论】：您的意思是当您以编程方式... 查看详情

Telerik mvc 网格选项卡顺序问题

】Telerikmvc网格选项卡顺序问题【英文标题】：Telerikmvcgridtaborderissue【发布时间】：2012-11-2019:15:10【问题描述】：我正在使用MVC3.0应用程序。在我的项目中，我使用Telerkmvc网格来列出数据。我将网格编辑模型设为“InCell”，并在... 查看详情

Telerik 网格自定义列构建/格式

】Telerik网格自定义列构建/格式【英文标题】：Telerikgridcustomcolumnbuilding/formatting【发布时间】：2012-06-1716:06:06【问题描述】：我有一个带有动态数据源的Telerik网格（该网格最多可以使用大约10个完全不同的模型来存储它的数据）... 查看详情

markdown[cssgridcheatsheet]css网格布局为css引入了一个二维网格系统：网格可用于布局主要页面区域或小(代码片段)

查看详情

带有复选框的 Telerik 网格 - 网格最初绘制时复选框未显示

】带有复选框的Telerik网格-网格最初绘制时复选框未显示【英文标题】：Telerikgridwithcheckbox-Checkboxnotshowingupwhenthegridinitiallypaints【发布时间】：2011-05-1401:54:21【问题描述】：我有一个带有复选框的Telerik网格。我正在使用客户端模... 查看详情

一旦选择了行，telerik网格就会禁用onrowselected事件(代码片段)

我在我的asp.netMVC3项目中使用Html.Telerik().Grid，其中我有一个Grid（Telerik网格），它播放searchResults，用户可以点击这些行来查看新页面中特定行的更多信息。新窗口。我也在使用Jquery来处理onrowselected事件，我正在向控制器发帖子... 查看详情