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功能需要以某種方式返回包含我的自定義窗口小部件的DOM。因爲它現在我得到這個錯誤Error on domReady callback: Error: NotFoundError: DOM Exception 8

Answer 1

是的，它肯定需要從renderRow返回一個DOM節點。您正在使用_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。