[Solved] Kendo Grid setDataSource does work properly if filterable or sortable options has been set.

[Weaveability]

Hi there,  I have a grid that has been initialize at the beginning with no dataSource. What I wanted to achieve is to set / re-populate the DataSource to the grid later on.
I used the method setDataSource, but it doesn't work if the grid has initialized with the options "sortable" or "filterable". I have an example code below

$("#grid").kendoGrid({
  columns: [{
        field: "date",
        title: "Date",
        filterable: {
            cell: {
              enabled: true,
              showOperators: false,
              operator: "contains",
            }
          }
        },{
        field: "invoicenumber",
        title: "Invoice Number",
        filterable: {
          cell: {
            enabled: true,
            showOperators: false,
            operator: "contains",
          }
        }
      }
  ],
  filterable: { mode: "row" },
  sortable:{ mode:"multiple", allowUnsort: true},
  scrollable: false
});

var grid = $('#grid').data("kendoGrid"),

    dataSource = new kendo.data.DataSource({
      data:[
        { date : "26/09/2014", invoicenumber: "dsafasd"},
        { date : "11/11/2011", invoicenumber: "zzzzzz"}
      ]
        });

  grid.setDataSource(dataSource) ;

Any ideas?

[Weaveability]

Problem solved, instead of setting the sort and filter options at the beginning, I set them later right before calling setDataSource.

$("#grid").kendoGrid({
  columns: [{
        field: "date",
        title: "Date",
        filterable: {
            cell: {
              enabled: true,
              showOperators: false,
              operator: "contains",
            }
          }
        },{
        field: "invoicenumber",
        title: "Invoice Number",
        filterable: {
          cell: {
            enabled: true,
            showOperators: false,
            operator: "contains",
          }
        }
      }
  ],
  dataSource: {},
  scrollable: false
});

var grid = $('#grid').data("kendoGrid"),

    dataSource = new kendo.data.DataSource({
      data:[
        { date : "26/09/2014", invoicenumber: "dsafasd"},
        { date : "11/11/2011", invoicenumber: "zzzzzz"}
      ]
        });

    grid.setOptions({
        filterable: { mode: "row" },
        sortable:{ mode:"multiple", allowUnsort: true},
    });

    grid.setDataSource(dataSource) ;

[Petur Subev]

Hello Jon,

The issue has been address and it is already fixed in our beta release / latest internal build. Another way to temporary fix it until you update is to pass object literal with the settings of the dataSource instead of instance of a DataSource.

e.g.

instead of

.kendoGrid({
       dataSource: new kendo.data.DataSource({
           //settings
       })
})

use

.kendoGrid({
       dataSource: {
           //settings
       }
})

Kind Regards,
Petur Subev
Telerik