ParamQuery grid support forum
General Category => Help for ParamQuery Pro => Topic started by: stoodin on October 15, 2014, 07:20:17 pm
-
I have a static width grid that doesn't have pqgrid horizontal bar.
It all works fine BUT here is the scenario that I need your help to fix:
1. User has lower resolution and use browser horizontal scroll to see the right columns
2. User clicks with mouse on the right editable column and instead of staying on the cell user clicks and open it in edit mode the grid moves to the middle of page and the column is not visible again. Basically user can't edit the column on the right with mouse click.
All works perfectly with tab though ...
Just to give you an idea of my settings here are the major pqgrid settings:
var obj = {
width:1180,
height:400,
wrap:true,
showBottom:false,
showTop:false,
collapsible:false,
resizable:false,
selectionModel:{type:'cell'},
hoverMode:'cell',
rowBorders: true,
columnBorders: true,
numberCell:{ show:false },
scrollModel: { horizontal: false},
trackModel : { on: true },
flexHeight:true,
virtualX:true,
editModel: {
filterKeys: false,
allowInvalid: true,
cellBorderWidth: 1,
onBlur: 'save'
},
colModel:[
{title:"<b>Exceptions<b> <button style='width:180px;margin-left:810px;' " +
"class='FlatButton demo-info-1' onclick='javascript:addExceptionClicked();'>Add Leave/Exception</button>",
minWidth:50,dataIndx:"Hdr",align:"center",resizable:false,
colModel:[
...............................................
-
Update:
Fixed in IE8 and higher by <!DOCTYPE HTML> but IE7 is still shifts page over the left when I click the last cell on the right
-
Any chance you can take a look at this?
Here is the scenario:
IE7, gird is not autofit and doesn't have horizontal bar. The size of the grid is wider than the browser window. User has to scroll right to access the cell. When user scrolls right and try to select a cell with mouse to make some changes basically the Editor doesn't open and page moves to the middle. Tab is working fine.
Screen shot attached.
You may not be able to reproduce it, but if you give me some hint where to look I will investigate myself.
-
I've not been able to reproduce this issue so far. Is it possible for you to send a small use case with reproducible issue.
-
Unfortunately I can't provide you a small test and I expected that you won't be able to reproduce, however what I found so far that if I add a horizontal bar on the grid and scroll to the right using it, mouse click works, but very very slow. It takes 3-4 sec to navigate from one cell to another.
Also I have a requirements to use only browser scroll, not the grid one.
The new screen shot attached.
-
you can do away with horizontal scrollbar by flexWidth: true and autoFit: true. Have you tried these?
you need to find out the reason ( or share a use case ) why it's taking so long for cell navigation. Have you put time intensive operations in cellSave, change, refresh or other events.
-
the autoFit and flexWidth don't help since the grid is still wider than the page with lower resolution.
The slow performance noticed in IE7 only when I add a horizontal scroll bar. I don't have any heavy logic there and it works decent in other browsers.
It looks to me that the page or grid gets refreshed when I click with mouse on the cell and this is causing the delay and shift the page to the left.
Any idea what it can be in this dummy IE7?