Виджеты внутри Dojo dgrid OnDemandList

Question

Я пытаюсь сделать что-то похожее на this question, но используя OnDemandList вместо OnDemandGrid.

Вот то, что я до сих пор

define([ 
    "dojo/_base/declare", 
    "dijit/_WidgetBase", 
    "dijit/_TemplatedMixin", 
    "dijit/_WidgetsInTemplateMixin", 
    "dgrid/OnDemandList", 
    "widget/CategoryItem", 
    "dojo/dom-construct", 
    "dojo/text!./templates/category-list.html" 
], function(declare, _Widget, _TemplatedMixin, _WidgetsInTemplateMixin, OnDemandList, CategoryItem, domConstruct, template) { 
    var CatList = declare([OnDemandList]); 
    return declare([_Widget, _TemplatedMixin, _WidgetsInTemplateMixin], { 
     templateString: template, 
     baseClass: "category-list", 

     postCreate: function() { 
      this.inherited(arguments); 

      // Create OnDemandList, place in div defined in template. 
      var cat1 = this.cat1 = new CatList({ 
       store: this.store, 
       renderRow: this.renderItem 
      }, this.categoriesLevel0); 

     }, 

     renderItem: function(item) { 
      return new CategoryItem({ 
       title: item.title 
      }); 
     } 
    }); 
}); 

Проблема является моя функция renderItems должна каким-то образом вернуть РОМ, содержащий мой собственный виджет. Как сейчас, я получаю эту ошибку Error on domReady callback: Error: NotFoundError: DOM Exception 8

Answer 1

Да, определенно нужно вернуть узел dom из renderRow. Предполагая, что вы используете _WidgetBase для CategoryItem он должен работать как:

renderItem: function(item) { 
    var category = new CategoryItem({ 
     title: item.title 
    }); 
    return category.domNode; 
} 

Пример здесь: https://github.com/SitePen/dgrid/wiki/OnDemandList-and-OnDemandGrid делает почти то же самое, за исключением того, что использует положить переключатель, который только, строящий DIV, приложив виджет это и возвращение нового div.