title: moon.DataList in a moon.Accordion in enyojs
body: <p>I have this data :</p>
  
  <pre>
  ....
      [
          {"id_category": 1, 
          "name": "Category 01",
          subcategories:[
              {"id_sub":1, "name":"suba 1"},
                  {"id_sub":2, "name":"subaa 2"}
              ]},
          {"id_category": 2
          ,"name": "Category 02"
          ,subcategories:[
              {"id_sub":1, "name":"sub 1"},
              {"id_sub":2, "name":"sub 2"}
          ]}
      ]
  ....
  </pre>
  
  <p>and I want to set it to an moon.Accordion
  I have this code:
  first my components:</p>
  
  <pre>
  ....
      enyo.kind({
          name: "myapp.ResultList",
          kind: "moon.DataList",
          selectionProperty: "selected",
          mixins: ["Group"],
          create: function() {
              this.inherited(arguments);
              this.addClass(this.orientation);
          }
      });
      enyo.kind({
          kind: "moon.Accordion",
          name: "myapp.ResultAccordion",
          content: "",
          mixins : ["moon.DataList"],
          bindings: [
              {from: ".model.name", to:".content"}
          ],
          subcategories:[],
          create: function() {
              this.inherited(arguments);
          },
          modelChanged: function() {
              this.inherited(arguments);
              if (!this.model) {
                  return;
              }
              this.model.set("item", this);
              this.subcategories = this.model.attributes.subcategories;
              this.controller = new enyo.Collection([]);
              var objects=[];
              for( var sc in this.subcategories){
                  var m = new myapp.SubCategoryModel(this.subcategories[sc]);
                  objects.push(m);
              }
              this.controller.add(objects);
              this.resized();
          }
      });
      enyo.kind({
          name: "myapp.ResultAccordionItem",
          bindings: [
              {from: ".model.name", to:".content"}
          ]
      });
  ....
  </pre>
  
  <p>then in a Panel:</p>
  
  <pre>
  ....
      enyo.kind({
      name: "myapp.PartialPanel",
      classes: "moon enyo-unselectable main-view enyo-fit",
      kind: "moon.Panels",
      ....
      components:[{
          kind: "myapp.ResultList",
          style: "position: inherit !important;",
          fit: true,
          controller: ".app.$.categoryCollection",
          components: [{
              kind: "myapp.ResultAccordion",
              onSpotlightRight:"onFocusCategoryRight",
              components:[{
                  kind: "myapp.ResultAccordionItem"
              }]
          }] 
      ....
  ....
  </pre>
  
  <p>In my controller , set my data:</p>
  
  <pre>
  ....
      setdata: function(){
          var test= {
              "count": 1,
              "next": null,
              "previous": null,
              "results": [
                  {"id_category": 1, "name": "Category 01",
                      subcategories:[
                          {"id_sub":1, "name":"suba 1"},
                          {"id_sub":2, "name":"subaa 2"}
                      ]
                  },
                  {"id_category": 2,"name": "Category 02",
                      subcategories:[
                          {"id_sub":1, "name":"sub 1"},
                          {"id_sub":2, "name":"sub 2"}
                      ]
                  }
              ]};
              var models = test.results;
              this.next = test.next;
              this.previous = test.previous;
              this.count = test.count;
              var objects = [];
              for(var p in models){
                  console.log(models[p]);
                  var m = new myapp.CategoryModel(models[p]);
                  objects.push(m);
              }
              this.app.controllers.categoryCollection.add(objects);
              return objects;
          ....
      ...
  ....
  </pre>
  
  <p>But only render categories , and not my subcategories , help me please.</p>