model-view-controller - ExtJS 4 MVC 和视图：如何过滤（或创建）视图中的“子视图”？

Question

您经常需要在视图中查看。

例如，有很多电话号码的客户。因此，您为客户端创建了一个视图：

- app/view/client/Edit.js

并为电话号码创建两个视图：

- app/view/phone/Edit.js
- app/view/phone/List.js

正确“绑”它们的方法是什么？（我的意思是在客户端编辑视图中，显示此客户端的电话（并且仅显示此客户端的电话））。

我已经浏览了这些示例，并且基于这些“课程”（远不能用于制作专业的东西）制作了我的自定义 MVC：

• http://docs.sencha.com/ext-js/4-0/#/guide/application_architecture
• http://www.sencha.com/learn/the-mvc-application-architecture/
• http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-1
• http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2

您可以在我的网站上测试我的示例：

http://doonoo.com/intranet/gs.php

这是一个完整的 CRUD 系统（在 MVC 教程中找不到 CRUD 示例（这对我来说“有点”重要））。

但是现在我想做另一个关于“电话”的（模型+商店+视图），但是当我们编辑用户时，我想显示他/她自己的电话号码，并且（也许）添加/删除他们的电话号码。这是一种“打开用户视图，其中包含使用用户 ID 过滤的电话视图”。

有什么想法/建议吗？到目前为止我所做的是将“电话”视图创建到“编辑用户视图”中，但我不知道如何应用过滤器。我被困住了。

欢迎任何想法！

这是它应该如何工作的：

Answer 1

你的问题不是很清楚，但让我试一试-

您的编辑用户视图只不过是一个表单。此表单在呈现给用户时具有与电话号码相关的字段。（家庭，手机，工作等）如果您希望能够从编辑用户表单以外的地方编辑电话号码，您是对的，您需要一个“单独的”视图以便可以重复使用。在这种情况下，您可以扩展一个字段集（app/view/phone/Edit.js 扩展字段集）并将其添加到编辑用户表单中。这个字段集本身不会可用（它不会有任何保存逻辑），但它可以跨表单重用。当您的编辑用户表单正在提交时，它也会自动提交电话字段。