Scroll down

[k1mgyParticipant]

Scrolling through a grid (list) appears to be limited to either keyboard up/down or paging. Scrolling would be made more humane with the following standard behaviour:

1. Scrolling using Up and Dn keyboard keys is linear.. that is when you reach the bottom or top of the page, the list scrolls by a single row. Currently the list advances to the next page which at best is disorienting.
2. Mouse scroll wheel action scrolls up and down (same as Up and Dn keyboard keys). The wheel currently scrolls left/right, which is useless and counter-intuitive.
3. A grid whose contents are wider than the grid boundary presents a horizontal scroll bar, but the same grid having more items than may be displayed in a single page does not have a vertical scroll bar.
4. Strangely, the buttons for scrolling through the list are left/right depictions. Should be up/down. This is simply a graphic link change.

I am keen to have the scrolling fixed, and to have a vertical scroll bar. Is this in the plan? If not, I will try to code it.

[Peter StoevKeymaster]

Hi k1mgy,

If we make changes, we’ll review your post. For now, we don’t plan such. Btw, Vertical Scrolling is supported since ver 1.0 and most of the Grid’s demos have vertical scrolling. May be you have to review the demos again.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[k1mgyParticipant]

Thanks, Peter.

This code change:

pageable: false,
pagesize: 15,

fixed the issue.

Now I have vertical scroll.

I think the documentation for pageable might be improved.

pageable
(requires jqxgrid.pager.js)

This property controls navigation of the grid rows.  If <strong><em>pageable: true</em></strong>, the grid is presented in one or more pages of [n] rows (see <em>pagesize</em> property to set the number of rows per page).  Page navigation elements are presented for the user interface.

If <em><strong>pageable: false</strong></em>, the grid is presented in a list of <strong><em>pagesize</em></strong> rows.  The user may use a mouse wheel or keyboard to scroll through the list.

Examples:
Set the pageable property ON:

        $('#jqxGrid').jqxGrid({ pageable: true}); 

or in the jqxGrid initialization javascript:
	<li>$("#jqxgrid").jqxGrid({
                    source: DataSource,
                    sortable: true,
                    <strong>pageable: false,</strong>
                    pagesize: 15,</li>

Get the pageable property:

        var pageable = $('#jqxGrid').jqxGrid('pageable'); 

[Peter StoevKeymaster]

Hi k1mgy,

Ok, we’ll consider it. Actually, if you don’t want paging, just don’t set the property. It’s false by default.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts