I've a grid that uses both Selection and Paging features.
The problem is that paging buttons work with mousedown and selection with mouseup. This is an issue because when the last page has fewer elements than the other pages, the user clicks 'Previous' (or 'First' or a page number, whatever), the grid goes to that page and when the user releases the mouse button, the row below the cursor is selected. I need to avoid this to happen. How can I do?
I've thought a workaround but I don't know how to do it: the grid's body should have always the same height (according to the amount of items per page). So if each row has a height of 40px and there are 15 items per page, the grid's body should have a height of 600px. If there are only 10 elements shown, then the grid's body should have 200px empty below those elements. Is there any way to achieve this?
Thanks.
Hello intecomp,
I am glad that you find my information helpful.
Please let me know if you need any further assistance with this matter.
Thank you for getting back to me.
After further investigation I noticed that this was a known issue that we addressed and fixed.
In order to get the latest service release available for version 14.2, which currently is 14.2.20142.2318. You could download the latest service release by following these steps:
1) Go to our web site www.infragistics.com and log with your account.
2) Click Support/Account in the top right corner of the page
3)Click on My Account and View Account Info
4) This will lead you to My Keys&Downloads section. Select your product from the list
Under Service Releases tab you will find the latest service release available for download.
Hello Vasya, thanks for your answer.
I created a local version of your example and, as you said, it works well. However, when I changed your infragistics.lob.js script with my version the issue started again. I noticed that your version is 14.2.20142.2318 and mine is 14.2.20142.1024. Is this an issue you have already resolved? How should I update my scripts (I took them from my Infragistics installation directory)?
Thanks,
Diego
Thank you for posting in our community.
I tested your scenario and I was unable to reproduce the behavior that you are describing. I created a grid and enabled Paging and Selection features. I am handling rowSelectionChanged event and I am showing an alert when it is fired. When I have fewer records on the last page and click Previous page button when the mouse is released the row that is underneath the cursor is not getting selected. It is only getting the hover style applied since it is currently hovered.
Could you please have a look at my sample at:http://jsfiddle.net/xr3os7pj/ and let me know what is the result of your test. How it behaves on you side may help me indicate the nature of this issue.
If this is not an accurate demonstration of what you are trying to achieve please feel free to modify my sample in order to reproduce the issue.
Looking forward to hearing from you.