javascript - 如何定义 Wakanda 自定义小部件 child ？

Question

我正在瓦坎达创建一个自定义小部件。

这个小部件必须接收子部件。我怎样才能改变这个小部件，以便我可以将其他小部件放入其中？

Answer 1

为了能够包含小部件，使用 API 版本 2 的自定义小部件必须继承容器行为。

YourWidget.inherit(WAF.require('waf-behavior/layout/container'));

一个示例是 WAF 中包含的容器小部件。

WAF.define('Container', ['waf-core/widget'], function(widget) {
  "use strict";

  var Container = widget.create('Container', {
    init: function() {
        this.removeClass('well well-sub');
        if($(this.node).closest('.well').length > 0){
            this.addClass('well-sub');
        }
        else{
            this.addClass('well');
        }
    }
  });
  Container.inherit(WAF.require('waf-behavior/layout/container'));

  return Container;
});

Container widget source code