javascript - 如何删除 Aikau 中的小部件？

Question

我在 Aikau 中创建了一个小部件，其想法是在它的内部，任何时刻都只有一个小部件，并且它动态地从一种类型切换到另一种类型。

我的程序如下:

• 我删除了父小部件内的所有小部件
• 我构建了新的小部件。

现在我的代码可以工作，但我不知道我是否正确消除了所有小部件子项。我在文档中没有找到任何函数来执行此操作:

swapWidget: function myPackage_myWidget__swapWidget(event) {
  // REMOVE ALL THE CHILDREN 
  // is it this ok?
  $(this.domNode).find('div').remove();

  var widgetId = event.widgetId
    , widget = this.widgetsPosibilities[widgetId]
    , clonedWidgets = lang.clone([widget])
    ;
  this.processWidgets(clonedWidgets, this.domNode);
},
postCreate :  function myPackage_myWidget__postCreate() {
  var event = {widgetId: this.initWidgetId};
  this.jumpWidget(event);

  this.alfSubscribe('MY_CUSTOM_EVENT', lang.hitch(this, this.swapWidget));

  this.inherited(arguments);
}

“$(this.domNode).find('div').remove();”足以消除所有子窗口小部件吗？

一般来说，我更喜欢使用 JQuery，但也许正确的方法是使用 Dojo。

什么是最好的方法？

新版本的 Aikau 中哪些内容会持续更长时间？

Answer 1

您应该尝试使用 DynamicWidgets 。此小部件允许您配置可以使用小部件模型发布的订阅主题。 DynamicWidgets 小部件将自动删除显示的小部件并呈现请求的小部件。

我绝对不会推荐您目前采用的方法，因为它不太可能在未来得到证明。如果您需要，我可以提供一些使用此小部件的示例，或者您可以查看单元测试应用程序中的示例。