Paging & Sorting Issue on Kendo Grid

6 posts, 0 answers
  1. Pramod
    Pramod avatar
    2 posts
    Member since:
    Dec 2011

    Posted 01 May 2012 Link to this post

    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.
  2.
  3. Joe
    Joe avatar
    10 posts
    Member since:
    Jun 2011

    Posted 03 May 2012 Link to this post

    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
  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 04 May 2012 Link to this post

    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!
  7. Joe
    Joe avatar
    10 posts
    Member since:
    Jun 2011

    Posted 04 May 2012 Link to this post

    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!!!
  8.
  9. Tor
    Tor avatar
    16 posts
    Member since:
    Feb 2012

    Posted 28 Jan 2013 Link to this post

    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?
  11. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 31 Jan 2013 Link to this post

    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!
Back to Top