javascript - 将新小部件推送到 DOJO 连接点而不是替换

Question

我有以下内容

    postCreate: function() {
        this.items.forEach(lang.hitch(this, function(item) {
            new SideNavigationItem({
                name: item.name
            }, this.container);
        }));
    }

这增加了一个新的 li项目到 ul ，ul模板有一个附加点，我想构建所有 li s into - 但是执行上述操作只会将附加点的内容替换为下一个 li在迭代时创建

我有什么想法可以实现这一目标吗？

Answer 1

试试这个。关键是使用_WidgetBase placeAt()方法，其功能类似于domConstruct place()方法

Example
// place a new button as the first element of some div
var button = new Button({ label:"click" }).placeAt("wrapper","first");

如果您省略第三个参数，就像我在下面的解决方案中所做的那样，默认位置是“last”，这就是您想要的。

模板

<ul data-dojo-attach-point="myAttachPoint" >
    <li>existing list item</li>
</ul>

JavaScript

    this.items.forEach(lang.hitch(this, function(item) {

         var listItem = new SideNavigationItem({name: item.name});
         listItem.placeAt(this.myAttachPoint);

         //if that doesn't work try it just with plain <li> item
         //var listItem = domConstruct.toDom("<li></li>");
         //domConstruct.place(listItem, this.myAttachPoint);
    }));