javascript - page loses focus on jqgrid onselect and focus on generated chart -


i have analytics module based on bootstrap 3, angular, grid jqgrid , graphs c3. problem when go grid , select row in jqgrid looses focus , scrolls top new graph generated,

focus when grid clicked:

enter image description here

and have scroll down everytime graph changed onselect of rows.

after selection grid looses focus , starts focus on chart:

enter image description here

and keeps happening when select row , becomes annoying go down everytime select row. there way not loose focus when chart generated. can't create jsfiddle page dynamic , have lots of nested code , javascript files attached it.

the gif of issue:- enter image description here

jqgrid config:- jqgrid config pastebin

c3 config:- c3 chart pastebin

i strictly recommend use developer tools of ie/chrome/firefox (press f12 start) , examine id attributes of rows (rowids) of grids , subtrids. suppose have id duplicates. should always use idprefix option of jqgrid in every subgrid scenario or if have more 1 grid on same page. typical value of idprefix option of subgrid looks idprefix: "s_" + rowid + "_".


Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -