[Solved] drop down as page size selector for Grid (Razor view Engine)

[Karim]

Hi,
Is it possible to set a drop down as page size selector for Grid in Razor view engine, i saw it in Aspx view but it does not exist in Razor.
Are there a solution ??
Waiting for your replies, thank you.

[Petur Subev]

Hi Karim,

I am not sure I understand your question. Could you please clarify?
If you want to choose the page size via DropDownList you need to configure your Grid like so:

.Pageable(pag=>pag.Style(GridPagerStyles.PageSizeDropDown))

Kind regards,
Petur Subev
the Telerik team

[Karim]

That's it :) thank you.

[Snehal]

i have same issue 

[Raj]

Hi

I have a telerik grid, and i have a razor mvc view.

I have the paging enabled for the grid and has NextPreviousAndNumeric in the paging configuration. But i also want to show the PagesizeDropDown. I can only add one of these to the grid. How can i add both . Please assist.

Thank you ..

[Petur Subev]

Hi Raj,

To enable both options of the Pager you should define the Style like this:

.Pageable(paging => paging.PageSize(5).Style(GridPagerStyles.PageSizeDropDown|GridPagerStyles.PageInput))

Kind regards,
Petur Subev
the Telerik team

[Raj]

Hi,

Thank you that worked fine.

I just wanted to ask two more small things.

1) I wants to change the text footer text which says "Displaying items 1-10 of 50" , i changed it in the telerik.grid.js file to show like "Displaying 1-10 of 50" but it doesn't work and showing the same as "Displaying items 1-10 of 50".

2)when i click on a coloumn to sort , it sorting good. But i just wanted to add an underline to that coloumn , which the grid is sorted.

Please assist.

Thank you.

[Dadv]

1- You can found this in the resources GridLocalization ("DisplayingItems" )

2- do you want the entire column to be highlight or only the header?

[Dadv]

here the function for highlight the column :
 
 .ClientEvents(e=>e.OnDataBound("onDataBound"))

<script type="text/javascript">
    function onDataBound(e) {
        var th = $('.t-grid-header > tr > th > a > .t-arrow-down[style!="display: none;"]').parent().parent();
        th.each(function (index, e) {
            var index = $(this).parent($('tr')).first().children().index($(this));
            $('.t-grid tbody > tr').each(function (i, e) {
                $(this).children().eq(index).addClass('down');
            });
        });
        
        th = $('.t-grid-header > tr > th > a > .t-arrow-up[style!="display: none;"]').parent().parent();

        th.each(function (index, e) {
            var index = $(this).parent($('tr')).first().children().index($(this));
            $('.t-grid tbody > tr').each(function (i, e) {
                $(this).children().eq(index).addClass('up');
            });
        });
    }
</script> 

<style type="text/css">
.up{background-color: Red;}
.down{background-color: Yellow;}
</style>

[Raj]

Hi,

Thanks a lot .. That worked well .

Have a great day.

[Raj]

Hi,

One more small thing.

I am really sorry for worrying.

I just wanted to know is it possible to change the filter. When we click on filter on the grid, it bring up the pop up with options to filter

with "AND" , is it possible to have a OR filter than "AND".

Thank you

[Dadv]

By default they are only AND command (for the moment), but you can do your own filter with custom binding (server and ajax)

If you want Telerik add a new feature, use the PITS and vote for it.

Regards,