javascript - 为组成父组件的每个项目创建一个单独的组件？

Question

我希望获得一些有关创建新 xtype 的见解。我目前正在为组成我需要的完整 UI 组件的每个部分创建一个新的 xtype，但我认为我可能过度设计它。

例如，如果我需要创建一个包含一个表单的窗口，该表单又包含一个字段集，我一直在创建一个单独的窗口(新xtype)，一个表单(新xtype)，一个字段集(新xtype)并带来这些都使用 Items 数组组合在一起。

现在，当然这允许我在另一个窗口中重复使用表单，因为它是一个单独的 xtype，并且字段集也可以重复使用。

所以我想只创建 1 个“xtype” - 窗口并使用项目放置所有额外的位，而不是实际为这些项目创建单独的 xtype。这是推荐的吗？

现在，我似乎至少有两个文件(窗口和组件，如表单、网格等)

我的新窗口 xtype 并没有什么作用，它非常空。它只是添加我创建的新 xtype。

我认为它会创建 1 xtype 并将所有必要的组件直接放入该文件中，因此我将有 1 个窗口“AddCustomerWindow”或采取另一条路线，其中我至少有 2 个文件(有时更多)有一个 AddCustomerWindow、AddCustomerForm、AddCustomerFieldset

Answer 1

如果需要在很多地方重复使用内部项目，那么可以为这些项目创建新的分离的 xtype。如果它们不可重新密封，那么这将成为额外的代码/额外的文件，在这种情况下，您可以直接在窗口中写入所有项目。