ExtJs-带有通用页眉和页脚部分的页面设计

我目前正在使用ExtJS4.2开发我的网页。我想知道我们是否可以定义一个模板，是否可以跨页面重用模板。更清楚一点，页面的页眉和页脚在页面之间保持不变，只有正文部分发生了更改。 我的意思是类似于jsp中的tiles

我的场景是这样的：

我定义了一个边框布局，其中region=“north”包含页眉部分，region=“south”包含页脚部分，region=“west”和region=“center”包含正文内容

我的所有页面都有类似的布局…即，西部/中部的内容仅在页面之间变化…因此，我们是否有解决方案来简化此问题，而不在所有页面中定义整个布局

如果需要进一步澄清，请告诉我

---

~Ragesh Ak

用于配置一个扩展

容器的类，该类具有您刚才描述的边框布局，因此您可以根据需要重用此新类。
我认为您需要使用Ext.define并扩展视口组件，为其提供边框布局。请参阅上的ExtJS教程，了解如何做到这一点。您需要给它一个边框布局，并为南北对象提供静态面板/容器/菜单/工具栏

内容/中心和导航/西部组件的建模方式取决于所构建的应用程序的样式。如果您使用ExtJS使用Ext.app.application提供的Model/Store/View/Controller模式遵循单页应用程序概念，那么您将希望在这些插槽中放置空容器，因为您无法交换边框布局组件。放入空容器将允许您调用removeAll函数，然后在更改视图时添加新项目。如果您正在构建一个常规站点，每当您在视图之间移动时都会重新加载页面，那么您可以扩展所创建的视口，并将内容直接放入视口中，因为它永远不需要更改。
您知道可以使用extjs制作单页应用程序，对吗？这非常有用。谢谢。