Question

使用ST 2.1和MVC我试图调用另一个视图。我不应该为每个面板都有一个视图和一个控制器吗？如果需要的话。我认为静态的页面不需要控制器。

所以我的布局就是。

app
 controller
   Main.js
   Contact.js
 view
   Main.js
   Contact.js
   About.js
resources
 css
 images
app.js
index.html

这是我的整体项目结构。

我的app.js调用Main.js.这是我的主要观点和控制者。我的主视图扩展了Container。在主视图中，我创建了一个带有左右按钮和标题的标题栏。然后我创建了一个包含主按钮的面板。然后我在底部创建了一个只有图像的工具栏。

我希望我的主容器更改中间的面板，但保留顶部和底部的条形图。我的每个观点都是一个面板，上面有各种各样的东西。我可以让整个屏幕改变，但它需要我的标题栏和工具栏。

我希望这是足够的信息。谢谢，Donnie

Answer 1

如果您只想更改面板，则必须将该面板作为项目放入父面板。当您想要使用其他面板或其他任何内容更改此面板时，只需获取父面板的引用并在添加新面板之前删除现有内容。

var p = Ext.getCmp("myPanel");
var pp = Ext.getCmp("parentPanel");
var newPanel = Ext.create('Ext.panel', {html : "some content"});
pp.remove(p, true);
pp.add(newPanel);

PS - 我还没有测试过这段代码，只是它的准则。

Sencha Touch 2.1基于MVC调用另一个视图

1 个答案: