title: kendo ui: no Data in Subgrid
body: <p>i'm working with kendo ui to create rich user interface, but i'm stuck t the following:
  I want a Grid with a subgrid, the first one displays customer info, like name, etc the second shows the available shipping-adresses, the customer saved. Now my problem is, that in the subgrid is not data, although firebug shows, that the data was returned. This is my source:</p>
  
  <pre><code>$(function() {
  var main = $("#customer-grid").kendoGrid({
      dataSource: {
          transport:{
              read      :"data/users.php",
              update    :{
                  url :"data/users.php?action=update",
                  type:"POST",
                  data: function (data) {
                      data.birthday = kendo.toString(data.birthday, "yyyy-MM-dd");
                      return data;
                      }
              },
              destroy:{
                  url :"data/users.php?action=destroy",
                  type:"POST"
              }
          },
          schema: {
              data: "data",
              model: {
                  id: "id",
                  fields: {
                      id: {editable: false},
                      activated: { type: "boolean" },
                      birthday: {type: "date"},
                      gender: {defaultValue: "W"}
                  }
              }
          }
      },
      height: 250,
      filterable: true,
      sortable: true,
      pageable: true,
      detailInit: detailInit,
      dataBound: function() {
          this.expandRow(this.tbody.find("tr.k-master-row").first());
      },
      columns: [{ 
                  field: "id",
                  title: "ID",
                  width: "50px"
              }, { 
                  field: "gender",
                  title: "Geschlecht",
                  width: "100px",
                  values: data
              }, {
                  field: "firstname",
                  title: "Vorname"
              }, {
                  field: "lastname",
                  title: "Nachname"
              }, {
                  field: "birthday",
                  title: "Geburtstag",
                  width: "100px",
                  format: "{0:dd.MM.yyyy}"
              },{
                  field: "mail",
                  title: "E-Mail"
              },{
                  field: "activated",
                  title: "Aktiviert",
                  width: "100px",
                  values: actval                  
              }, { 
                  command: ["edit", "destroy"], 
                  title: "&amp;nbsp;", 
                  width: "210px" 
              }],
              editable:{
                  mode: "popup"
              }
  });
  });
  
  function detailInit(e) {
      $("&lt;div/&gt;").appendTo(e.detailCell).kendoGrid({
          dataSource: {
              transport: {
                  read: "data/adress.php?uid="+e.data.id
              },
              serverPaging: true,
              serverSorting: true,
              serverFiltering: true,
              pageSize:6
          },
          scrollable: false,
          sortable: true,
          pageable: true,
          columns: [
              { field: "id", width: 70 },
              { field: "zipcode", title:"Ship Country", width: 100 },
              { field: "city", title:"Ship Address" },
              { field: "street", title: "Ship Name", width: 200 }
          ]
      });
  }
  </code></pre>
  
  <p>The function gets its data from a php page, which does a mysql-query and then gives back the data as application/json. But nothing is shown.</p>
  
  <p>Hopefully you guys can help me.</p>
  
  <p>Regards</p>