页面失去了对jqgrid onselect的关注,并专注于生成的图表

时间:2015-03-31 16:33:39

标签: javascript angularjs twitter-bootstrap jqgrid c3

我有一个基于bootstrap 3的分析模块,角度,JQgrid的网格和C3的图形。问题是,当我进入网格并在JQgrid中选择一行时,它会失去焦点并滚动回到生成新图形的顶部,

点击网格时的焦点:

enter image description here

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

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

enter image description here

当你选择一行时它会继续发生,每次返回选择一行都会变得很烦人。有没有办法在生成图表时不会失去焦点。由于页面是动态的,并且附加了大量嵌套代码和javascript文件,因此我无法创建JSFiddle。

问题的Gif: - enter image description here

Jqgrid配置: - jqgrid config pastebin

c3配置: - c3 chart pastebin

1 个答案:

答案 0 :(得分:1)

我严格建议您使用IE / Chrome / Firefox的开发者工具(按 F12 开始)并检查网格和子网格的行(rowid)的id属性。我想你有 id duplicates 。您应该始终在每个子网格场景中使用jqGrid的idPrefix选项,或者即使您在同一页面上有更多的网格。子网格的idPrefix选项的典型值看起来像idPrefix: "s_" + rowid + "_"