2015-03-31 63 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