ExtJs - 具有公共页眉和页脚部分的页面设计

Question

我目前正在使用ExtJs 4.2来开发我的网页。我想知道我们是否可以定义一个模板，并且可以在页面之间重复使用模板。要更清楚一点，页面页眉和页脚在页面之间保持不变，只有主体组件发生变化。 我的意思是类似于jsp中的tile。

我的情况是这样的：

我已经定义了一个边框布局，其中region =“north”包含标题部分，region =“south”包含页脚部分，region =“west”和region =“center”包含主体内容。

我的所有页面都有类似的布局......即...西/中心的内容只是在页面之间变换...所以我们有解决方案来简化这一点而不在所有页面中定义整个布局......

如果需要进一步说明，请与我们联系

~Ragesh Ak

Answer 1

我想你会想要使用Ext.define，并扩展视口组件，给它一个边框布局。有关如何执行此操作，请参阅creating custom components上的ExtJS教程。您将需要为其设置边框布局，并为您的南北对象提供静态面板/容器/菜单/工具栏。

如何为内容/中心和导航/西部组件建模取决于您正在构建的应用程序的样式。如果您使用ExtJS为您提供的使用Ext.app.Application的模型/存储/视图/控制器模式遵循单页面应用程序概念，那么您将需要在这些插槽中删除空容器，因为您无法换出边框布局组件。放入空容器将允许您调用removeAll函数，然后在更改视图时添加新项目。如果要构建一个在视图之间移动时重新加载页面的常规站点，则可以扩展您创建的视口，并将内容直接放入视口中，因为它不需要更改。

Answer 2

使用define配置扩展container并具有您刚才描述的边框布局的类，以便您可以根据需要重复使用此新类。