blocks|key|2980946|text|如果没有在演示中看到它，那么很难准确地说出正在发生的事情，所以如果可以的话，我建议创建一个作为演示。我猜想，对refresh的调用是删除当前单元格选择并聚焦第一个单元格，因为网格是可导航的(我不太理解这种行为背后的原理，但很难说它是否是一个bug，因为我们无法阅读Telerik的代码注释)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2980947|一种可能有效的方法是修改current方法以同时存储当前的单元格索引：|2980948|kendo.ui.Grid.fn.refresh+=+(function(refresh)+{
++++return+function(e)+{
++++++++this._refreshing+=+true;

++++++++refresh.call(this,+e);

++++++++this._refreshing+=+false;
++++}
})(kendo.ui.Grid.fn.refresh);

kendo.ui.Grid.fn.current+=+(function(current)+{
++++return+function(element)+{
++++++++//+assuming+element+is+td+element,+i.e.+cell+selection
++++++++if+(!this._refreshing+&&+element)+{
++++++++++++this._lastFocusedCellIndex+=+$(element).index();+//+note+this+might+break+with+grouping+cells+etc,+see+grid.cellIndex()+method
++++++++++++this._lastFocusedUid+=+$(element).closest("tr").data("uid");
++++++++}

++++++++return+current.call(this,+element);
++++}
})(kendo.ui.Grid.fn.current);

kendo.ui.Grid.fn.refocusLastEditedCell+=+function+()+{
++++if+(this._lastFocusedUid+)+{
++++++++var+row+=+$(this.tbody).find("tr[data-uid='"+%2B+this._lastFocusedUid+%2B+"']");
++++++++var+cell+=+$(row).children().eq(this._lastFocusedCellIndex);
++++++++this.editCell(cell);
++++}
};|code-block|syntax|javascript|2980949|这样，您应该总是能够在需要时使用grid.refocusLastEditedCell()。|2980950|另一个想法：|2980951|save:+function+(e)+{
++++var+focusedCell+=+this.current();
++++var+focusedCellIndex+=+focusedCell.index();++++//gets+the+cell+index+of+the+currently+focused+cell

++++//...some+dataItem+saving+(dataItem.set())+logic...

++++this.refresh();++++//refreshing+the+grid+instance

++++//+reset+current+cell..
++++this.current(focusedCell);

++++setTimeout(function+()+{++++//refocusing+the+cell
++++++++return+function+()+{
++++++++++++var+focusedCell+=+$("#grid+tr[data-uid='"+%2B+dataItem.uid+%2B+"']+td:nth-child("+%2B+(focusedCellIndex+%2B+1)+%2B+")");
++++++++++++$('#grid').data('kendoGrid').editCell(focusedCell);
++++++++}
++++}(),+200);
}|2980952|entityMap^0|1J|7|0|C|7|0|0|G|S|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

It's difficult to say exactly what is happening without seeing it in a demo, so if you can, I'd suggest creating one for illustration. I'm guessing that the call to <code>refresh</code> is removing the current cell selection and focusing the first cell because the grid is navigatable (I don't quite understand the rationale behind that behavior, but it's hard to say whether it's a bug since we don't get to read Telerik's code comments).

One approach that might work would be to modify the <code>current</code> method to also store the current cell index:

<pre><code>kendo.ui.Grid.fn.refresh = (function(refresh) {
 return function(e) {
 this._refreshing = true;

 refresh.call(this, e);

 this._refreshing = false;
 }
})(kendo.ui.Grid.fn.refresh);

kendo.ui.Grid.fn.current = (function(current) {
 return function(element) {
 // assuming element is td element, i.e. cell selection
 if (!this._refreshing &amp;&amp; element) {
 this._lastFocusedCellIndex = $(element).index(); // note this might break with grouping cells etc, see grid.cellIndex() method
 this._lastFocusedUid = $(element).closest("tr").data("uid");
 }

 return current.call(this, element);
 }
})(kendo.ui.Grid.fn.current);

kendo.ui.Grid.fn.refocusLastEditedCell = function () {
 if (this._lastFocusedUid ) {
 var row = $(this.tbody).find("tr[data-uid='" + this._lastFocusedUid + "']");
 var cell = $(row).children().eq(this._lastFocusedCellIndex);
 this.editCell(cell);
 }
};
</code></pre>

That way, you should always be able to use <code>grid.refocusLastEditedCell()</code> when you need to.

Another idea:

<pre><code>save: function (e) {
 var focusedCell = this.current();
 var focusedCellIndex = focusedCell.index(); //gets the cell index of the currently focused cell

 //...some dataItem saving (dataItem.set()) logic...

 this.refresh(); //refreshing the grid instance

 // reset current cell..
 this.current(focusedCell);

 setTimeout(function () { //refocusing the cell
 return function () {
 var focusedCell = $("#grid tr[data-uid='" + dataItem.uid + "'] td:nth-child(" + (focusedCellIndex + 1) + ")");
 $('#grid').data('kendoGrid').editCell(focusedCell);
 }
 }(), 200);
}
</code></pre>

blocks|key|268255|text|我没有足够的声誉来评论这个答案，但我要感谢拉尔斯·霍普纳的回答。它极大地帮助了我解决Kendo网格令人讨厌的刷新导航问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|268256|我还想补充一点，对于具有水平滚动条的网格，您的解决方案仍然会导致滚动尽可能地向左移动，同时保持上次编辑的单元格在视图中。为了防止这种不良行为，我做了以下工作：|268257|grid.closeCell();
grid.refresh();
grid.refocusLastEditedCell();|code-block|syntax|javascript|268258|在刷新前关闭单元格，保持滚动条的位置，现在一切都很好。希望这能帮助其他人查看你的答案。|268259|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I don't have enough reputation to comment on the answer, but I'd like to thank you Lars Hoppner for your answer. It helped me tremendously with the annoying refresh navigation problems of Kendo Grids.

I also would like to add that for grids with horizontal scroll bars, your solution will still cause the scroll to shift as far left as possible while keeping the last edited cell in view. To prevent this bad behavior, I did the following:

<pre><code>grid.closeCell();
grid.refresh();
grid.refocusLastEditedCell();
</code></pre>

Closing the cell before refreshing kept the scroll bars in place, now everything works great. Hopefully this helps anyone else viewing your answer.

I have a selectable, navigatable and editable grid. After I enter a value in a cell, I have to change the value in the cell under the updated cell. To show the updated values of both cells, I have to refresh the grid. When I do that, the edited cell loses focus. I found a way to refocus the last edited cell during the save event:

<pre><code>save: function (e) {
 var focusedCellIndex = this.current()[0].cellIndex; //gets the cell index of the currently focused cell

 //...some dataItem saving (dataItem.set()) logic...

 this.refresh(); //refreshing the grid instance

 setTimeout(function () { //refocusing the cell
 return function () {
 var focusedCell = $("#grid tr[data-uid='" + dataItem.uid + "'] td:nth-child(" + (focusedCellIndex + 1) + ")");
 $('#grid').data('kendoGrid').editCell(focusedCell);
 }
 }(), 200);
}
</code></pre>

The problem is that this works for the first time, but if I try to re-edit the same cell again, the cell loses focus. When I try to debug, it seems that <code>this.current()[0].cellIndex</code> returns 0 in the second attempt, and because of that cell focusing isn't working anymore.

Does anyone have any idea why <code>this.current()</code> works for the 1st time, and not for the 2nd time? Are there any other approaches for refocusing the cell?

Kendo grid cell refocusing after refresh

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个可选择的、可导航的、可编辑的网格。在单元格中输入值后，必须更改更新单元格下单元格中的值。要显示两个单元格的更新值，我必须刷新网格。当我这样做时，编辑的单元格失去焦点。我找到了一种在保存事件期间重新调整上次编辑的单元格焦点的方法：save: function (e) {    var focusedCellInd...

问刷新后的Kendo网格单元重新聚焦
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问刷新后的Kendo网格单元重新聚焦EN