This is a migrated thread and some comments may be shown as answers.

Grid refresh button on non-pageable grid?

5 Answers 685 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Brian Roth
Top achievements
Rank 1
Brian Roth asked on 12 Jun 2014, 08:55 PM
I was wondering if there was a way to get the refresh button to show up without having paging turned on.  I have a grid with virtual scrolling, so I want paging turned off.  But I also want to have the refresh button available on the bottom-right of the grid.  It looks like the only way to allow this is to turn paging on.  Is this correct or is there another way to get the refresh button to show up?  Thanks!

Regards,
Brian

5 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 16 Jun 2014, 07:35 AM
Hello Brian,

The described layout can be achieved if you use the pageable configuration setting as an object, and hide (disable) all the paging elements, except the refresh button.

http://docs.telerik.com/kendo-ui/api/web/grid#configuration-pageable

Please keep in mind that refreshing the virtual data via the refresh button can cause the scroll position to change. In other words, we do not officially support such a scenario.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Brian Roth
Top achievements
Rank 1
answered on 17 Jun 2014, 06:25 PM
Sounds good.  Thanks for the help!
0
Joon-Sae
Top achievements
Rank 1
answered on 26 Mar 2020, 09:12 PM

Hello,this seems to have changed between 

2019.R1 => 2019.R2

using the paging configuration

  pageable: {
    pageSize: 5,
    previousNext: false,
    numeric: false,
    input: false,
    refresh: true,
    info: false
  }

the refresh icon was always on the lower right on 2019.R1 and before.  And since 2019.R2 this seems to be on the lower left.  This is confusing since in a paging grid the refresh icon always appears on the lower right and then all of a sudden it appears on the lower left.

0
Preslav
Telerik team
answered on 30 Mar 2020, 11:49 AM

Hi Joon-Sae,

With our R2 2019 release, we changed the layout of the Pager from "float" to "flex". In the new layout, we are expecting that the "info" label will push the "refresh" icon to the right - https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-r2-2019

In this case, I see that the "info" label is disabled. Having said that, we can workaround this issue with the following CSS:

    <style>
      .k-pager-wrap .k-link.k-pager-refresh {
        margin-left: auto;
      }
    </style>

For a runnable example, check this Dojo - https://dojo.telerik.com/azeGUTuh

I hope this helps.

 

Regards,
Preslav
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Joon-Sae
Top achievements
Rank 1
answered on 31 Mar 2020, 09:06 PM
Awesome.  Thanks for the help!
Tags
Grid
Asked by
Brian Roth
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Brian Roth
Top achievements
Rank 1
Joon-Sae
Top achievements
Rank 1
Preslav
Telerik team
Share this question
or