title: Kendo UI Grid: is it supported to initialize grid with dataSource with empty data array?
body: <p>I would like to know if the following approach is supported:</p>
  
  <ol>
  <li><p>Define grid schema and columns and initialize with an <em>empty</em> array:</p>
  
  <pre><code>var dataSource = new kendo.data.DataSource({
      data: []    // intentionally empty!
  });
  
   $("#grid").kendoGrid({
     dataSource: dataSource, 
    schema: {
             model: {
                          fields: {
  
                              arrive: {type: "number"},
                              depart: {type: "number"},                                   
                              src: {type: "string"}
                          }
                      } 
          },
               columns: [
  
          { field: "arrive", groupable: false, title: "arrive",width:88},
          { field: "depart", groupable: false, title: "depart",width:88},               
          { field: "src", groupable: true, title: "src", width:44 }
      ]
  
        etcetera
  
    });
  </code></pre></li>
  <li><p>Then, after configuration/initialization, bind to the Change event:</p>
  
  <pre><code>var grid = $('#grid').data('kendoGrid');
      grid.dataSource.bind("change", function (e) {
          dataChanged();
      });
  
  
     function dataChanged() {
       var grid = $("#grid").data("kendoGrid");
       grid.refresh();
     }
  </code></pre></li>
  <li><p>Then do this:</p>
  
  <pre><code> function populateDatasource(event, data) {
       var grid = $('#grid').data('kendoGrid');     
        var parsedData = $.parseJSON(data);   
       grid.dataSource.data(parsedData);
  }
  </code></pre></li>
  </ol>
  
  <p>which would trigger the changed event and refresh the grid.   I am thinking that the observe pattern might have some trouble if the dataSource is initialized with an empty array.</p>