Paging & Sorting Issue on Kendo Grid

[Pramod]

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.

[Joe]

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

[Alexander Valchev]

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

[Joe]

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!!!

[Tor]

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?

[Alexander Valchev]

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