更新Kendo网格后刷新序列号
是指在使用Kendo网格组件进行数据展示和编辑时，当对网格中的数据进行更新操作后，需要重新刷新序列号以保持数据的正确排序和展示。
Kendo网格是一种功能强大的前端组件，用于展示和编辑数据表格。它提供了丰富的功能和灵活的配置选项，可以满足各种数据展示和编辑的需求。
在使用Kendo网格时，通常会有一个序列号列用于显示数据的序号。当对网格中的数据进行更新操作时，比如添加、删除或修改数据，为了保持数据的正确排序和展示，需要重新刷新序列号。
为了实现这个功能，可以通过以下步骤进行操作：
- 监听网格的数据更新事件：在Kendo网格的配置中，可以设置一个事件监听器来监听数据更新事件。当数据更新时，触发该事件。
- 获取网格的数据源：在数据更新事件中，可以通过获取网格的数据源对象来获取最新的数据。
- 更新数据源中的序列号字段：根据获取到的数据源对象，遍历其中的数据项，并更新序列号字段的值。可以使用JavaScript的循环结构和计数器来实现。
- 刷新网格：在更新完序列号字段后，调用网格的刷新方法，将更新后的数据源重新加载到网格中，实现序列号的刷新。
通过以上步骤，就可以实现在更新Kendo网格后刷新序列号的功能。
Kendo网格的优势在于其丰富的功能和灵活的配置选项，可以满足各种数据展示和编辑的需求。它支持数据的分页、排序、筛选等操作，同时还提供了丰富的列类型和编辑器，可以方便地进行数据的编辑和验证。
在实际应用中，Kendo网格可以广泛应用于各种管理系统、数据报表、数据分析等场景。比如，可以将其用于展示销售订单、客户信息、库存数据等，同时支持对这些数据进行增删改查的操作。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和部署云计算环境，提供稳定可靠的计算、存储和网络服务。
关于Kendo网格的具体使用和配置，可以参考腾讯云的文档和示例代码。以下是腾讯云Kendo网格相关产品的介绍链接地址：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云云存储：https://cloud.tencent.com/product/cos
通过使用腾讯云的相关产品，可以更好地支持和扩展Kendo网格的功能，提供更好的性能和用户体验。
相关·内容
我有一个用Angular 2制作的Kendo UI网格，它是crud应用程序的一部分，其中我有一个delete按钮.After我希望网格自动刷新的删除。
这是显示事件通知的网格：
<kendo-grid [data]="EventsNotificationSetup">
<kendo-grid-command-column title="" width="200">
<template >
<button (click)="
浏览 15提问于2017-01-25得票数 5
1回答
剑道网格详细信息导致父网格刷新？
、、、、
我搞不懂这是怎么回事。我试图为网格创建一个自定义指令，并将使用元素属性自定义给定的实例。在此过程中，我创建了两个文件
grid-controller.js
app.controller('gridController', ['$scope', function ($scope ) {
//Initilization code
$scope.gridOptions = {
//Setup options
};
$scope.detailOptions = function (e) {
conso
浏览 1提问于2014-05-01得票数 1
1回答
在加载了kendo网格之后，我希望通过单击按钮来刷新/重新加载新的数据。
主计长：
using Kendo.Mvc;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.Infrastructure;
using Kendo.Mvc.UI;
public ActionResult FollowUpGrid_Read([DataSourceRequest]DataSourceRequest request, string name, string id)
{
List<vmFollowUpGrid> FUP
浏览 4提问于2016-10-14得票数 0
回答已采纳
0回答
我有剑道网格和插入序列号，如下所示：
var rowNumber = 0;
function resetRowNumber(e) {
rowNumber = 0;
}
function renderNumber(data) {
return ++rowNumber;
}
它加载序列号顺序，但是当我编辑-更新kendo网格中任何一行的记录时，序列号从最后一个序列号开始。我想在网格更新后得到正确的序列号顺序。有人能帮我做这件事吗？提前谢谢..
浏览 0提问于2016-07-11得票数 0
2回答
当数据发生变化时，如何刷新角2 Kendo网格？
private trash() {
this.gridView.data.splice(index, 1);
//I wish to refresh here
}
浏览 2提问于2016-12-02得票数 4
回答已采纳
2回答
我有一个角网格的Kendo，它使用kendoGridBinding指令绑定内存中的数据。
我需要做的是操作数据模型，并反映网格中的每个insert/update/delete。
例如，在plunk中有一个按钮，如果单击它，它将从dataGrid中移除第一行，但是该更改不会反映在网格中。我在文档中发现了一个语句，但是它不起作用(正如您在plunk中看到的那样)。如何使网格刷新数据？
@Component({
selector: 'my-app',
template: `
<kendo-grid #grid
[kendo
浏览 2提问于2018-07-29得票数 3
回答已采纳
我想每60秒刷新一次Kendo UI网格的内容，每分钟更新一次。
编辑:下面是在初始配置中如何分配dataSource：
parsedData = $.parseJSON(data);
var dataSource = new kendo.data.DataSource({
data: parsedData
});
$("#grid").kendoGrid({
dataSource: dataSource,
. . .
网格的dataSource能否一次又一次重新分配？还是最好单独删除dataSource.data中的项，或者清除数组，然后注入新项
浏览 6提问于2012-12-15得票数 2
2回答
我想订阅kendo grid中的页面更改事件：
$(document).ready(function() {
$('#grid').data('kendoGrid').pager.bind('change', callback);
});
一般来说，它是有效的，但我的问题是，它是在网格ui刷新之前启动的。是否有任何事件/其他方式可以知道网格已刷新/重新呈现？
浏览 0提问于2016-05-16得票数 1
我使用了kendo网格和图表，并使用以下示例代码刷新了它们：
$("#Product").data("kendoGrid").dataSource.read();
当更改数据源而不重新绘制网格时，如何刷新kendo网格。
浏览 0提问于2015-07-28得票数 3
回答已采纳
我使用和GridEditMode.PopUp模式的ASP.NET MVC Kendo库进行添加/编辑。我有一个使用该控件的20+屏幕，我允许在该控件上创建和更新操作。大多数模型都有日期范围、开始日期和结束日期，这些日期是EntityFramework中的EntityFramework对象。
一个简单的问题：
如何在保存服务器后立即从服务器刷新添加的/编辑的记录？这个问题独立于下面描述的我的实际问题的细节。我希望保存的记录转到服务器，然后从服务器“读取”回来，以便将通常在加载网格时触发的所有事件应用到这一条记录中。
我的创建/更新事件进行DB保存，然后简单地：return Json(new[]
浏览 0提问于2018-11-30得票数 1
我有一个带有Angular和远程数据绑定的网格。其配置如下：
$scope.myGridOptions = {
dataSource: new kendo.data.DataSource({
type: "json",
transport: {
create: function(operation) {
//calls an Angular service to add
浏览 4提问于2016-03-09得票数 0
我们一直在实施一个具有以下技术的网站。
客户端： Html5，KendoUI，WebSync(发布，订阅)
服务器： ASP.net MVC 3.0
网格对每一行都有特定的操作。例如，我们需要在选择特定行中的复选框后单击“操作”菜单来更新每一行的状态。
当我们在菜单上执行此操作时，我们将ajax请求发送给MVC Controller以更新数据库中的记录，它只会返回true到client.Here，我们使用WebSync publisher-订户模型在请求完成时实际通知客户端，因为这些操作有时需要处理。
当我们从Web 获得回调时，我们将按如下方式更新kendo数据网格。
onMoveActio
浏览 6提问于2012-09-27得票数 2
回答已采纳
我使用的是带内联编辑的kendo网格，通过单击“更新”按钮编辑字段后，网格中的字段不会触发到不可编辑的模式，即它仍然是不可编辑的，即它不是刷新网格，在手动刷新页面后得到更新的数据。我有这个脚本要刷新
$("#grid").data("kendoGrid").dataSource.refresh();
但这不是开火，就连我也做过这一次
$("#grid").kendoGrid({
...............
pageable: {refresh: true,},
...........
})
浏览 2提问于2015-05-29得票数 1
回答已采纳
24回答
如何使用Javascript重新加载或刷新Kendo Grid？
通常需要在一段时间或用户操作之后重新加载或刷新网格。
浏览 271提问于2013-08-23得票数 182
回答已采纳
在Ajax批处理模式下使用Kendo Asp.net MVC网格。
有三列-数量，比率，总计。需要实现对变化的实时计算.编写以下函数来更新数据。
function grid_change(e) {
if (e.action === "itemchange") {
var item = e.items[0];
item.Total = item.Qty * item.Rate;
}
}
但是，在将焦点移到列上之前，该列不反映计算值。如何在更改事件完成后立即更新/刷新单元格显示？
浏览 1提问于2014-06-04得票数 3
回答已采纳
我的组件中有一个Kendo。我在那个组件中还有一个Kendo开关。当开关切换时，我希望网格刷新。来自开关的值将对网格中使用的数据产生影响。我该怎么做？我的网格的数据来自一个DataBindingDirective。它看起来是这样的：
my-component.html
<kendo-switch [(ngModel)]='showDeleted' (click)="onShowDeleted($event)">
</kendo-switch>
<kendo-grid
myDataBinding
...
...
>
浏览 0提问于2018-03-12得票数 0
回答已采纳
2回答
剑道网格列序列号
、、
我是Asp.net MVC的kendo UI的新手，我有一个要求在kendo网格中的序列号为1,2,3,4等。另外，在“添加新记录”的情况下，序列列应该获得最新的编号并添加1(例如:如果网格中的记录是4，并且有1,2,3,4作为序列，那么它在新记录中应该有5)。任何形式的帮助都是值得感谢的。
浏览 2提问于2015-07-29得票数 0
我在一个带有AngularJs的站点上有一个Kendo UI Grid。如何在不刷新整个网格的情况下更新/添加/删除DataSource中的单个数组项，并进行网格更新？
如果我只尝试替换DataSource对象，网格肯定会进行足够的更新，但是所有分组、列排序和排序都会被重置。
更新#1 -持久滚动位置
我通过阅读这篇文章实现了这一点：最终得到了以下代码：
$scope.activityGridOptions = {
scrollable: true,
dataBound: function(e) {
restoreScrollState();
},
dataBind
浏览 3提问于2015-04-10得票数 1
回答已采纳
1回答
我有一个Kendo网格，它的每一行都有一个选择框。
当我在一行上执行更新操作时，在数据库中，该行的数据被更新，选择框的数据也被更新。然后，我在网格上运行dataSource.read()来刷新屏幕。但是，即使行刷新，选择框中的数据也不会刷新。
所以问题是，我如何告诉Kendo grid刷新选择框中的数据？
浏览 3提问于2015-07-28得票数 0
如何在不刷新父网格情况下仅刷新kendo网格中的detailInit，或者希望将父网格扩展到我已执行某些操作的行
浏览 2提问于2014-05-01得票数 0
我正在尝试找到一种方法来更新我的Kendo，这样在数据刷新时，搜索筛选框(以及其他东西)就不会重置。例如，用户可以部分地键入搜索条件，如下所示：
在开始键入搜索条件之后，网格使用以下命令进行更新:网格更新(例如，通过ajax调用或WebSocket)后立即进行更新，用户的搜索筛选器输入重置，最终结果如下：
显然，这是非常令人沮丧的，因为在频繁更新时，用户无法完成他们的搜索筛选。
如何防止在新数据到达时重置？
目前，我认为我可能需要恢复到一个麻烦的工作，在这里我记录用户正在输入的内容，并在刷新后将其放回文本框中。我不敢相信这是最好的选择，因为它可能会为游标或用户快速键入创建不
浏览 1提问于2014-02-27得票数 1
回答已采纳
如何在ajax发布成功后刷新kendo ui网格？这是我的grid ajax帖子：
var newUser = {
UserId: 0,
UserLoginName: currentRecord.UserLoginName,
UserDisplayName: currentRecord.UserDisplayName
};
//insert selected rows using DataSource inse
浏览 1提问于2014-02-10得票数 2
回答已采纳
13回答
编辑网格后，我使用editable: "popup" 编辑网格，希望网格刷新。网格是否有在我编辑网格之后调用的事件？
我试图使用数据库事件。在这种情况下，我会读取数据源，但它告诉我刷新网格是一个无限循环。我试图使用saveChanges事件，但它不起作用。
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
浏览 8提问于2014-02-18得票数 36
回答已采纳
2回答
这些解决方案()
$('#GridName').data('kendoGrid').dataSource.read();
$('#GridName').data('kendoGrid').refresh();
不要为Kendo网格工作。具体来说，$('#GridName').data('kendoGrid')返回'undefined‘。
我的问题是:通过Kendo网格中的按钮控制器触发网格刷新/重新加载的方法是什么？
浏览 0提问于2015-09-24得票数 0
回答已采纳
我使用Angular Kendo UI项目将Telerik Kendo网格与Angular相结合。
我有以下标记：
<div kendo-grid="" k-options="thingsOptions" style="height: 600px;" />
以及我的控制器中的以下代码：
$scope.thingsOptions = {
dataSource: {
type: "json",
transport: {
浏览 2提问于2014-02-11得票数 19
回答已采纳
1回答
在网格中删除Kendo Ajax
、、、、
使用Kendo Grid和MVC 4
在我的控制器中，当它出错时，我发送一条错误消息：
return this.Json(new DataSourceResult
{
Errors = "my custom error"
});
该错误被很好地显示出来，但是该项在视觉上被从网格中删除，即使不是从数据源中移除。刷新网格会把它放回去。
当网格接收到delete方法中的错误时，如何使网格不直观地删除记录？
浏览 5提问于2013-12-21得票数 1
回答已采纳
2回答
我在使用剑道网格时遇到了问题。当我用新数据刷新kendo网格时，带有日期格式的列将更改为默认的kendo格式。
$("#refreshbtn").click(function(){
$("#grid").data("kendoGrid").dataSource.data(createRandomDataOnRefresh(10));
});
请查一下这个。
提前谢谢。
浏览 0提问于2016-02-15得票数 2
回答已采纳
3回答
我遵循了关于导出Kendo Grid数据的教程：
现在我正在尝试导出所有数据(不仅仅是显示的页面) ...我该怎么做呢？
在获取数据之前，我尝试更改页面大小：
grid.dataSource.pageSize(grid.dataSource.total());
但是有了这个，我的实际网格就用新的pageSize刷新了。这是一种不用刷新网格就能查询kendo数据源的方法吗？
谢谢
浏览 2提问于2014-01-15得票数 5
回答已采纳
3回答
我正在使用远程数据处理剑道网格，目前在更新网格时，我使用dataItem.set()方法手动同步网格和数据。这很好，但是不幸的是，页脚中的聚合没有被刷新。它们只在调用dataSource.fetch()时刷新，后者会将应用程序挂起大约10秒。然而，用户希望得到更多像excel一样的响应，他们所做的每一次更改都会立即反映在总数中，但也会持久化到数据库中。这有可能使用kendo api吗？或者我必须用jQuery手动完成这个操作吗？
编辑：看起来好像没有内置的方式，所以我手动修复了w/ jQuery。
编辑2：这是我使用的代码，概括了一点，并去掉了一些特定于应用程序的怪癖。
Kendo网格配置：
浏览 4提问于2015-03-03得票数 0
1回答
角剑道网格刷新
、、、
场景:单击各种buttons.Able更新角剑道网格，使用新的服务返回值更新网格。
问题:角质剑道格栅闪烁一秒钟，同时刷新。
HTML结构:尝试使用&不含k-ng-延迟
<div id="alertGrid" kendo-grid k-options="alertGridOptions"
k-rebind="alertGridOptions" k-ng-delay="alertGridOptions.dataSource">
</div>
在单击刷新按钮时调用的函数。
$scope
浏览 1提问于2015-03-06得票数 0
我在网格中有数据，但是在像(删除或添加)这样的特定操作之后，我想刷新网格，下面我有删除方法，即删除Kendo网格中的行。所以我想在删除操作完成后刷新网格。如何通过下面的实现实现该任务……
到目前为止，尝试过的代码...
main.html
<div kendo-grid="topRiskGrid" options="topRisksOptions" ></div>
main.ctrl
$scope.topRisksOptions = topRiskGridConfig.getTopRisksGrid();
$sc
浏览 1提问于2015-06-15得票数 0
我有Kendo UI MVC网格在页面上与Ajax绑定。用户可以单击行以查看产品详细信息页面上的产品详细信息。
问题是，如果用户移动到网格页面3并转到产品详细信息页面，然后单击后退按钮，网格刷新并向他们显示第一个网格页面。
有没有可能在点击后退按钮后，网格停留在第3页？
浏览 0提问于2013-02-16得票数 2
也许有人能帮我解决这个问题。
我的Kendo UI网格
$("#grid").kendoGrid({
dataSource: {
data: self.positions(),
pageSize: 50
},
filterable: true
});
其中self.positions()是一个可以通过ajax填充的敲除可观察阵列。
我现在的问题是，当我刷新我的位置可观察数组并将新数据重新绑定到网格时，列过滤器没有正确地刷新数据。我的过滤器仍然显示旧
浏览 2提问于2017-04-20得票数 2
回答已采纳
我使用库将Kendo Grid与Knockout绑定绑定在一起。我已经构建了一个加载多个数据源的系统，每个数据源都分配了自己的一组列。除了将新的columns集合分配给Knockout绑定的Kendo Grid之外，我的一切都运行得很好。
我已经阅读了几种重新初始化列的方法，但所有这些方法都需要销毁并重新创建网格。我不确定我该如何使用Knockout绑定的网格。我正在使用下面的代码。
HTML：
<div data-bind="kendoGrid: gridOptions"></div>
Knockout/JS：
self.SearchResults和s
浏览 9提问于2016-08-09得票数 2
1回答
我使用Kendo创建了一个项目，它在Chrome和mozilla中运行得很好。网格可以自动刷新。但在探险家，它不能！只有第一次(当第一次打开页面时)数据源工作(脚本)，那么数据源在刷新时不能工作。
这两种情况下，网格不能刷新：
当我从"EDİTPAGE“返回时，我可以在网格中看到更新的值。但在铬和莫兹拉，我可以看到。
我有一个名为setInterval的自动刷新命令，在资源管理器中网格不能再次刷新。它只能在Chrome和Mozilla中刷新。
(函数() { $("#grid").data("kendoGrid").dataSource.read
浏览 3提问于2014-03-24得票数 0
1回答
当我加载该页时，它是一个部分页，网格中填充了数据。
但是一旦我像这样调用刷新方法
<button onclick="doRefresh">refresh</button>
<script type="text/javascript">
var doRefresh = function () {
var kendogrid = $("#this_Id").data("kendoGrid");
ken
浏览 5提问于2017-02-11得票数 0
回答已采纳
1回答
我必须创建带有双向数据绑定的kendo ui树列表。我已经尝试了剑道网格，这是工作，但剑道树列表，它不工作。如果我遗漏了什么，请告诉我。
剑道网格示例:-
剑道树列表示例:-
浏览 2提问于2016-04-19得票数 0
2回答
Kendo UI网格-更新不持久
、、、、
我一直试图在Kendo网格上进行更新，但我遇到了一些问题。
我使用Rails作为后端，当我进行更新时，服务器似乎显示一切正常：
Started PUT "/" for 127.0.0.1 at 2012-02-12 17:28:19 -0600
Processing by HomeController#index as
Parameters: {"models"=>"[{\"created_at\":\"2012-02-08T17:34:50Z\",
浏览 0提问于2012-02-13得票数 0
回答已采纳
1回答
我有这样的kendo Grid列：
$("#lstCategory").kendoGrid({
dataSource: {
data: info,
autoSync: true,
schema: {
model: {
fields: {
category: { editable: false, type: "string" },
subCategory: { editable: false, type: "string" }
}
浏览 1提问于2016-11-15得票数 1
我有一个Kendo UI网格和一个刷新按钮。我希望在过滤器更改时防止网格重新绑定。我想将过滤器收集到一个集合中。如果用户单击刷新按钮，网格应该被重新绑定，并且过滤器应该被应用。这个是可能的吗？谢谢。
浏览 2提问于2012-12-06得票数 3
回答已采纳
我正在使用剑道栅格。它大约有12列，初始化剑道网格需要时间。根据搜索条件，我需要使用新数据刷新，而不需要重新初始化kendo网格(这会影响性能)。我只需要读取带有新参数的数据，并将数据绑定到现有网格本身。
请提供给我: 1.如何使用带新参数的kendo数据源显式读取数据？？2.如何在不重新初始化的情况下将该数据源绑定到kendo网格？？
如果非常感谢possible...Any的帮助，请提供一些例子
浏览 1提问于2013-06-06得票数 1
1回答
我正在使用一个网格，它自动定义数据源，并为每个项目加载子网格。
这方面的标记相当简单。
<div class="thegrid"
kendo-grid
k-data-source="vm.GeneralData"
k-options="vm.gridMainOptions">
<div k-detail-template>
<div kendo-grid k-options="vm.detailGridOptions(dataItem)">&
浏览 3提问于2017-10-20得票数 0
回答已采纳
我在我的项目中使用了Kendo网格。
我正在使用文化脚本来实现国际化。
使用这个脚本，它会根据文化格式化网格中的数字，我想要将数字对齐到正确的位置，我该如何实现？
。
浏览 5提问于2015-05-18得票数 5
1回答
我正在编写一个角度规格测试来测试一个使用剑道网格的组件。我的组件获取作为输入的数据列表，而kendo网格的数据源是一个get函数，它构建要在kendo网格中使用的数据。在我的规范测试中，它不会显示任何行，除非我为kendo网格定义了一个静态数据源。
下面是kendo网格元素的开始标记：
<kendo-grid
#grid
[data]=gridView
scrollable="virtual"
id="shipmentGrid"
[sortable]="{allowUnsort: false, mode:'single&
浏览 1提问于2021-12-29得票数 0
回答已采纳
1回答
从窗口内部关闭客户端模板
、、、、
我有详细信息模板的kendo网格，详细信息模板里面有一个按钮，它打开一个客户端模板窗口，加载可编辑的数据，并在这个窗口内有一个名为“在SQL中更新数据”的按钮，当点击这个按钮时，它会访问一个更新数据库的控制器，这一切都很好。 我需要在控制器中添加代码的帮助，以关闭客户端模板，并在数据库更新后刷新网格。 任何信息都会有帮助。提前感谢
浏览 12提问于2019-04-12得票数 0
我有一个Telerik网格，其中我正在内联地更新行(更新name列，number列不可编辑)
@Html.Kendo().Grid(Model.Employees)
.Name("EmployeeGrid")
.Columns(col =>
{
col.Bound(o => o.EmployeeNumber);
col.Bound(o => o.Name).Width(250);
col.Command(command => { co
浏览 1提问于2018-11-09得票数 0
回答已采纳
2回答
剑道网格松开选定行
、、、
我正在使用Kendo作为我的网格，所有的工作发现与此。我可以使用滚动和移位来选择一行或多行。问题是，如果我选择了第3行，然后一些事件刷新了网格，然后我也想选择第4行，Kendo将选择上面的所有行，在本例中是从第1-4行。
所以我的问题是如何解决这个问题？
想要的结果在演示:选择德国，刷新网格，然后选择，直到比利时。演示将从第1行选择到比利时.
这是一个
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Sn
浏览 2提问于2021-10-07得票数 2
1回答
我有数据在kendo网格上，所以在下面的api调用，我正在删除行记录，这是在后端工作，但它不刷新网格在客户端。如何刷新网格？
到目前为止，尝试过的代码是main.js
$scope.excludeAssess = function(key){ RcsaFactory.assessmentDetails(key.riskAssessmentKey,'RS_DELETED').then(function(){
$scope.includeAssOptions.dataSource.read();
});
浏览 0提问于2015-06-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
