This is a migrated thread and some comments may be shown as answers.
Paging & Sorting Issue on Kendo Grid
5 Answers 240 Views
This is a migrated thread and some comments may be shown as answers.
Pramod
Top achievements
Rank 1
Pramod asked on 01 May 2012, 09:26 AM
Hi,

I am having issue with Paging on kendo grid when binding to remote data source through WCF service.

It doesn't work when I load the page, the paging only works only when I click on any column for sorting.

For Sorting, the column sorts but the image for sort direction doesn't appear on the column.

For Filtering, the filtering is enabled, but filtering isn't appearing for the columns.

I have attached the solution with this post. Please help.

5 Answers, 1 is accepted

Sort by
0
Joe
Top achievements
Rank 2
answered on 03 May 2012, 06:40 PM
I am having similar behavior.

I have a grid bound to a asmx web service. The grid populates fine with data but the paging on the bottom of the grid only displays the a link for page 1, which is the page I'm on, so it doens't do anything.

After I sort any column the paging links appear and I can page through the grid as expected.

For the filtering issue, the filter works but the funnel icon is missing. If I click where it should be the filter box appears. However, only the first two filter boxes allow me to actually select an option from the Show rows with value that: dropdown. The rest of the filters do not give me an acutal filtering option
0
Alexander Valchev
Telerik team
answered on 04 May 2012, 07:09 AM
Hello guys,

I have already answered to the support ticket that Pramod submitted on the same subject. For convenience I will paste my reply here, so the other users who experience similar issues could read it.

The sort direction arrows and filter icon are missing, because you did not included the image folders in your project. The folders Styles/Default and Styles/Textures contain icons and sprites that are used by Kendo style sheets and should not be missing.

The problem with paging is caused by the fact that total property of the schema is not defined. It is needed by the pager in order to determine the total amount of records and to calculate the pages. Please try with the following modification of your schema:

schema: {
    data: "d",  
    total: "d.length",                                                   
    model: {              
        fields: {
            Name: { type: "string" },
            Email: { type: "string" }                          
  
        }
    }
}

Greetings,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Joe
Top achievements
Rank 2
answered on 04 May 2012, 04:28 PM
Yup, adding the Default and Textures folders under my Styles folder did the trick for the missing icons. Adding the total property fixed my paging issue. Adding the type in my fields fixed the filtering issues as well.

Thanks for your help!!!
0
Tor
Top achievements
Rank 1
answered on 28 Jan 2013, 04:45 PM
In my new Kendo project I am using the Office2010Blue legacy style from the old MVC extention controls.
I found the old Office2010Blue files under legacyThemes.
However I noticed that the sprite file was not indexed correctly if I used the one that came in the Office2010Blue folder (under legacy themes) -- The sort icons were missing. If I copy the sprite file from the new default folder the icons show up. Are there other files that need to be updated when migrating legacy styles to the new Kendo grid?
0
Alexander Valchev
Telerik team
answered on 31 Jan 2013, 07:55 AM
Hello Tor,

Could you please verify that you included telerik.common.css together with telerik.office2010blue.css? The legacy theme sprite requires telerik.common.css and will not work with kendo.common.css.

Best regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Pramod
Top achievements
Rank 1
Answers by
Joe
Top achievements
Rank 2
Alexander Valchev
Telerik team
Tor
Top achievements
Rank 1
Share this question
or