jQuery UI Widgets Forums React Customized pager

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  jayzhu 1 month, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Customized pager #107861

    jayzhu
    Participant

    Hi team,

    I am wondering for jqxgrid, if it is possible to override the functionality of the go to next/prev/last/first page button in the below photo? I want to load data lazily, i.e. it will query data from server when you click on next/prev/last/first page buttons.

    Also I want to customize the information on the right side, i.e. “1-10 of 504”. Is it possible?

    Here is the part that I mentioned.
    pager

    Thank you very much for your help!

    Regards,
    Jay

    • This topic was modified 1 month, 1 week ago by  jayzhu.
    • This topic was modified 1 month, 1 week ago by  jayzhu.
    • This topic was modified 1 month, 1 week ago by  jayzhu.
    Customized pager #107867

    Hristo
    Participant

    Hello Jay,

    It seems the picture does not appear appropriate.
    I try to understand your description but I cannot found how it is related to our library.
    Because this is a structure question for the React project.
    Which widget do you use?
    Please, provide us with more details.
    If you want to suggest a widget that could satisfy this then the jqxSplitter or jqxDockingLayout could be useful.
    Also, I would like to suggest you look at this tutorial.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

    Customized pager #107875

    jayzhu
    Participant

    Hi,

    Thank you so much for your information!

    I am using JsxGrid and I was trying to show you what the current UI looks like. To be more detailed, for example on page N, I want the right triangle button trigger a new API call to load new data for rendering in (N + 1) page (which is the customized part), instead of going to next page (the original behavior). I will make sure that the data I get from each API call will be rendered in a single page.

    As for how the question is related to the library, I am wondering if there is any way to override the gotonextpage method or if there is any other way to modify the behavior triggered by the right triangle button.

    footer

    Hope that helps.

    If it is not possible to achieve that, I can also develop separate buttons for that, just wondering if there is any more convenient way to override part of functionalities of the JqxGrid library.

    Thank you so much for your time!

    Jay

    • This reply was modified 1 month, 1 week ago by  jayzhu.
    • This reply was modified 1 month, 1 week ago by  jayzhu.
    Customized pager #107878

    jayzhu
    Participant

    I think the image does not render properly, let me try again

    footer

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

You must be logged in to reply to this topic.