Wrong loading order

2 posts, 0 answers
  1. Riccardo
    Riccardo avatar
    1 posts
    Member since:
    May 2016

    Posted 19 May 2016 Link to this post


    I'm trying to populate my grid using a .json schema but i'm facing a weird problem. I first collect the data and initialize the datasource, with both structures being exactly the same. When the grid is drawed it doesn't follow the order of both structures and it "randomly" loads the rows.

    This start happening with 5 or more rows.

    I think it's a problem related to how Kendo draws the grid in the DOM.


    I'm using Kendo with Angular2:

        private kendoGridElement: ElementRef;
    this.kendoGrid = jQuery(this.kendoGridElement.nativeElement).kendoGrid(this.kendoGridOptions).data("kendoGrid");
    kendo.bind(this.kendoGridElement.nativeElement, data);


    this.kendoGridOptions = {
               dataSource: {               
                   data: data,
                   pageSize: pageSize,
                   group: {
                       field: "test",
                       dir: "desc"
                   schema: {
                       model: {
                           id: "code"
               sortable: true,
               groupable: false,
               scrollable: {
                   virtual: false
               columns: [
                       field: "shortText",
                       title: "Name",
                       headerTemplate: template1
                       field: "valueAsString",
                       title: "Value",
                       headerTemplate: template2,
                       field: "category",
                       title: "Type",
                       headerTemplate: template3,
                       field: "tags",
                       title: "Tags",
                       headerTemplate: template4,
                       template: template5
                       field: "longText",
                       title: "Description",
                       headerTemplate: template6
                       title: "Command",
                       template: template7,
                       field: "isPinned",
                       title: " ",
                       width: "40px",
                       template: template8

  2. Viktor Tachev
    Viktor Tachev avatar
    2499 posts

    Posted 19 May 2016 Link to this post

    Hi Riccardo,

    Please note that the Kendo UI suite will be reworked and a new one that will support Angular 2 is currently being developed. However, it is not completely ready yet.

    Please examine the following post that provides an approximate time on when the new widgets should be available.

    Viktor Tachev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top