jQWidgets Forums

jQuery UI Widgets Forums Grid Scrolling is very slow

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Scrolling is very slow #13857

    williamtourinho
    Participant

    Hi,
    I’am having problem with the scroll in the grid.
    Its very slow to scroll through the records. How can i make the scrolling faster? I had tested the scroll with 2 columns and it was good, but with my 18 columns it’s very slow.
    No work around to resolve this problem?
    Thank you!

    Scrolling is very slow #13859

    Peter Stoev
    Keymaster

    Hi williamtourinho,

    – Please, provide more details in your post about that behavior and post an example which demonstrates it?
    – What is your jQuery and jQWidgets version?
    – Which scrolling is slow – horizontal or vertical?

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Scrolling is very slow #13868

    williamtourinho
    Participant

    Hi here is an example with the behavior. Thank you.

    $(document).ready(function () {
    var theme = getTheme();
    var data = generatedata(50);
    var source =
    {
    localdata: data,
    datatype: “array”
    };
    var dataAdapter = new $.jqx.dataAdapter(source);

    $(“#jqxgrid”).jqxGrid(
    {
    width: 1250,
    height: 600,
    source: dataAdapter,
    showfilterrow: true,
    filterable: true,
    editable: true,
    selectionmode: ‘none’,
    theme: theme,
    columns: [
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 60
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 60
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    },
    { text: ‘Name’, columntype: ‘textbox’, filtertype: ‘textbox’, editable: false, filtercondition: ‘starts_with’, datafield: ‘name’, width: 70 },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, editable: false, datafield: ‘productname’, width: 70
    }
    ]
    });
    });

    Scrolling is very slow #13871

    Peter Stoev
    Keymaster

    Hi williamtourinho,

    The Grid’s rendering performance depends on the View’s size. In that case you have 18 columns and 22 rows which are always visible. As a solution, you can use either virtual mode or paging.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Scrolling is very slow #13873

    williamtourinho
    Participant

    I’m not using the virtual mode (in my case virtual scrolling) because with “filterow: true” when the user applies a filter the filter wont be applied to all the records. I’m correct?
    My grid have also an aggreate function to calculate the total of the cell’s value.
    How can I use the virtual mode and don’t have problems with the filter’s?

    Scrolling is very slow #13874

    Peter Stoev
    Keymaster

    Hi williamtourinho,

    In virtual mode, Implementation of server filtering or server sorting is required, too. That is because in virtual mode, the data is loaded on demand.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Scrolling is very slow #13940

    williamtourinho
    Participant

    Hi,
    I can get the filter information with the getfilterinformation method but with the filterrow checkedlist it is possible to now what items are checked?
    Best Regards.

    Scrolling is very slow #78273

    Alex
    Blocked

    Hi!

    I have 60 columns, grid content redrawn slowly, jerkily.

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

You must be logged in to reply to this topic.