jQuery UI Widgets Forums Angular Grid scroll after row select

This topic contains 9 replies, has 2 voices, and was last updated by  TSKishore 4 years, 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • Grid scroll after row select #101580

    TSKishore
    Participant

    Hi

    I have a grid with multiple selection mode.
    The grid has many rows and scroll is enabled, if I select the checkbox column the scroll doesn’t work.
    (“select/click” the column and not “check/uncheck”)

    Thanks,
    Kishore

    Grid scroll after row select #101619

    Hristo
    Participant

    Hello Kishore,

    Could you clarify your issue?
    I tested this example and it seems to work fine.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    • This reply was modified 4 years, 3 months ago by  Hristo.
    Grid scroll after row select #101624

    TSKishore
    Participant

    Hello Hristo,

    In the example you have mentioned, there is no scroll bar.
    In my jqxGrid, scrollbar is present and when the cell of the checkbox is clicked, scroll doesnt work.

    Thanks,
    Kishore

    Grid scroll after row select #101676

    Hristo
    Participant

    Hello Kishore,

    Please, provide us with a simplified example that demonstrates your issue.
    Because I tested this example and it seems to work fine.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    Grid scroll after row select #101699

    TSKishore
    Participant

    Hi Hristo,

    Few changes to your example, will reproduce the issue.

    $(“#jqxgrid”).jqxGrid({
    width: 550,
    source: dataAdapter,
    showfilterrow: true,
    filterable: true,
    editable: true,
    selectionmode: ‘multiplerowsadvanced’,
    columns: [
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘checkedlist’, datafield: ‘myfield’, editable: false },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, datafield: ‘productname’, editable: false
    },
    { text: ‘Available’, datafield: ‘available’, columntype: ‘checkbox’, filtertype: ‘bool’, width: 67, editable: true },
    { text: ‘Ship Date’, datafield: ‘date’, filtertype: ‘range’, editable: false, cellsalign: ‘right’, cellsformat: ‘d’ },
    { text: ‘Qty.’, datafield: ‘quantity’, filtertype: ‘number’, cellsalign: ‘right’ }
    ]
    });

    Grid scroll after row select #101720

    Hristo
    Participant

    Hello Kishore,

    Could clarify it? I add your settings in the example and it seems to work fine again.
    How to reproduce it?

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    Grid scroll after row select #101722

    TSKishore
    Participant

    Hello Hristo,

    Its reproducible in your example.
    You need to select the cell and not the checkbox. once you select the checkbox cell (not check/uncheck), scroll doesn’t work.

    Thanks,
    Kishore

    Grid scroll after row select #101724

    TSKishore
    Participant

    Hi,

    Observed 1 scenario:
    If we click on any editable cell then the scroll doesn’t work after that.

    *Scroll – with the mouse wheel button.

    Grid scroll after row select #101732

    Hristo
    Participant

    Hello Kishore,

    Thank you for this clarification. (with the mouse wheel)
    It happens because when you click on the checkbox cell it turns on into the edit mode.
    You should press ‘Enter’ (or ‘Esc’) to finish with this operation and after that, you could continue.
    In this ,situation you could add editmode: 'dblclick' to prevent from the default setting which is “selectedcell”.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    Grid scroll after row select #101764

    TSKishore
    Participant

    Thank You

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.