title: Kendo Grid - Read() not working
body: <p>I am working with a Kendo Grid with a details subgrid.  I unfortunately am having a difficult time getting it to update.  We have our own custom popup editor for each item (not a custom version of the kendo, but an entirely different popup altogether as we had other requirements we had to meet.)</p>
  
  <p>The save button on the popup after it completes its ajax call uses the following callback to refresh the grid.  This does not appear to work.  I have tested an update on an item in the details section.  The grid completely collapses, I have no errors, however when re-expanding the grid, the item in question has not changed.  Completely closing the grid and re-opening the grid does however work.</p>
  
  <pre><code>        function refreshData() {
          if (!settings.dataUrl)
              return;
  
          $.ajax({
              type: "POST",
              url: settings.dataUrl,
              data: new Object(),
              dataType: "json",
              contentType: "application/json"
          }).done(function (data, textStatus, jqXhr) {
              // Perform mapping function on data
              if (settings.mapperFunction) {
                  data = settings.mapperFunction(data, settings.pageSettings);
              }
              var dataForGrid = data;
              if (settings.transformGridDataCallback)
                  dataForGrid = settings.transformGridDataCallback(JSON.parse(JSON.stringify(dataForGrid)));
  
              settings.unfilteredTotal = dataForGrid.Data.Data.length;
              outterGridDataSource.data = dataForGrid.Data.Data;
              outterGridDataSource.read();
  
  
          });
  
      };
  </code></pre>
  
  <p>Here is the sample code for the definition of DetailInit for the subgrids.</p>
  
  <pre><code>detailInit: function (e) {
  
  
                      var innerColumns = [
                         ...column definitions
                      ];
  
                      var $detail = $("&lt;div /&gt;").addClass("grid_detail class");
                      $detail.append($("&lt;div /&gt;").addClass("grid inner_grid"));
  
                      //#region Problems Details
                      $detail.find(".inner_grid").kendoGrid({
                          scrollable: false,
                          editable: false,
                          dataSource: {
                              data: e.data.subItems,
                              transport: { //need this for Kendo Grid to handle updates properly
                                  read: function (o) {
                                      o.success(e.data.subItems);
                                  },
                                  create: function (o) {
  
                                  },
                                  update: function (o) {
  
                                  },
                                  destroy: function (o) {
                                      o.success();
  
                                  }
                              },
                              schema: {
                                  model: { 
                                      id: "Id", 
                                      fields: {
                                          display: { defaultValue: settings.pageSettings.stringvalue1 }
                                      }
                                  }
                              }
                          },
                          columns: innerColumns
  
                      });
  </code></pre>
  
  <p>Thank you for any assistance.  I will be working on this to attempt to finish it.</p>