2015-03-31 61 views
0

我有一个分析模块,它是基于引导3,角度,由JQgrid网格和由C3图形。问题是,当我去到网格,并选择行中的jqGrid它失去焦点和滚动回哪里生成新图的顶部,页面失去专注于jqgrid onselect并专注于生成的图表

焦点点击网格时:

enter image description here

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

后选择电网失去重点,开始专注在图表上:

enter image description here

,是它让当你选择了某一行发生的事情,它变得讨厌倒回去,每次选择一行。生成图表时是否有办法避免焦点松动?我无法创建JSFiddle,因为页面是动态的,并且有大量嵌套的代码和JavaScript文件附加到它。

这个问题的的Gif: - enter image description here

jqGrid的配置: - jqgrid config pastebin

C3配置: - c3 chart pastebin

回答

1

我严格推荐您使用Developer IE/Chrome/Firefox的工具(按F12开始),并检查网格和子子行(rowid)的id属性。我想你有id重复。您应该总是使用idPrefix在每个子网格方案中使用jqGrid的选项,或者即使在同一页面上有多个网格。子网格的idPrefix选项的典型值看起来像idPrefix: "s_" + rowid + "_"

+0

嗨奥列格感谢您的回复,我已经有了rowid的实现。我的rowID类似于'summaryGrid_16063ed801c36632ccabad6552000f82_t' – 2015-03-31 19:08:15

+0

@SulemanMirza:您使用的是哪个版本的jqGid?告诉信任我没有完全理解你对这个问题的描述。您至少可以使用像[LICEcap](http://www.cockos.com/licecap/)这样的程序来创建动画GIF,其中显示**问题。没有你发布代码,你仍然只能猜测,你将不得不自己调试代码。 – Oleg 2015-03-31 19:42:51

+0

我已经把一个GIF和jqgrid配置放入了pastebin。所以问题是当你选择一个子网格的时候,页面会从网格中放松焦点并跳转到生成的图表。所以用户不得不再次选择更多的子网格行。 – 2015-03-31 20:04:10