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

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 extends fieldset）并将其添加到编辑用户表单。这个字段集本身不可用（它没有任何保存逻辑）但它可以跨表单重用。当您的修改用户表单提交时，它也会自动提交电话字段。