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 做了几乎相同的事情，除了它使用 put-selector，它只是构造一个 div，将小部件附加到它并返回新的 div。