javascript - 页面失去对 jqgrid onselect 的焦点并聚焦于生成的图表

Question

我有一个基于 Bootstrap 3、Angular、JQgrid 的网格和 C3 的图表的分析模块。问题是，当我转到网格并在 JQgrid 中选择一行时，它会失去焦点并滚动回生成新图形的顶部，

单击网格时获得焦点:

每次图表在选择行时发生更改时，您都必须向下滚动。

选择网格失去焦点并开始关注图表后:

当您选择一行时，这种情况不断发生，并且每次都返回来选择一行变得很烦人。有没有办法在生成图表时不失去焦点。我无法创建 JSFiddle，因为该页面是动态的并且附加有大量嵌套代码和 javascript 文件。

问题的 Gif:-

Jqgrid 配置:- jqgrid config pastebin

c3 配置:- c3 chart pastebin

Answer 1

我强烈建议您使用IE/Chrome/Firefox的开发者工具(按F12启动)并检查网格行(rowids)的id属性，子群。我想您有id重复。在每个子网格场景中，或者即使同一页面上有多个网格，您都应该始终使用jqGrid的idPrefix选项。子网格的 idPrefix 选项的典型值类似于 idPrefix: "s_"+ rowid + "_"。