页面重新加载

Question

我的嵌套小部件存在问题。有两个widget容器（全宽和TwoColumn），它们共享几乎相同的配置代码但不同的html代码;以及嵌套在任何先前容器中的4种不同类型的小部件。

因此，我可以创建任何类型的容器，并且它仍然保留在页面上。但是，只保存全角容器中的嵌套窗口小部件。这意味着如果我重新加载页面，则会丢失TwoColumn容器的内容。

请找到以下两个容器的代码：

展开宽度

module.exports = {
  extend: 'apostrophe-widgets',
  label: 'Row Block',
  contextualOnly: true,
  addFields: [
    {
      type: 'area',
      name: 'row',
      label: 'row',
      contextual: true
    }
  ],
  construct: function(self, options) {
    var superPushAssets = self.pushAssets;
    self.pushAssets = function() {
      superPushAssets();
      self.pushAsset('stylesheet', 'always', { when: 'always' });
    };
  }
};

TwoColumn

module.exports = {
  extend: 'apostrophe-widgets',
  label: 'Two column row Block',
  contextualOnly: true,
  addFields: [
    {
      type: 'area',
      name: 'twoColumnRow',
      label: 'twoColumnRow',
      contextual: true
    }
  ],
  construct: function(self, options) {
    var superPushAssets = self.pushAssets;
    self.pushAssets = function() {
      superPushAssets();
      self.pushAsset('stylesheet', 'always', { when: 'always' });
    };
  }
};