如何在一个页面中集成多个小部件（xtypes）

Question

我有一个要求，这要求我在CQ中用两个标签创建一个页面（就像siteadmin，dam pages一样）。每个选项卡应具有不同的xtype（siteadmin，useradmin）。

我已经包含了这两个xtypes。由于CQ.wcm.SiteAdmin和CQ.security.UserAdmin xtypes根据CQ小部件API扩展相同的CQ.Ext.Viewport类，因此任何一个xtype都在渲染，在页面中应该只创建一个Viewport（xtype）

但是页面有两个ViewPorts（siteadmin，useradmin）。 我对EXT JS一无所知。有人可以指出如何集成多个小部件（xtypes）并将它们集成到一个页面/应用程序中。

Answer 1

您会发现sencha docs是一个有用的起点。

特别是App Architecture教程（全部三个部分）介绍了如何创建多个自定义窗口小部件（xtypes）并将它们集成到一个应用程序中。