只读和编辑模式的 GWT 编辑器

Question

GWT 的 Editor 框架非常方便，它不仅可以用于编辑 POJOs，还可以用于只读显示。

但我不完全确定进行内联编辑的最佳做法是什么。

假设我有一个PersonProxy 和一对Presenter-View 用于显示和编辑PersonProxy。这个 Presenter-View 应该默认以只读模式显示 PersonProxy，如果用户按下 edit 按钮，它应该允许用户编辑 PersonProxy 对象。

我想出的解决方案是创建两个编辑器（PersonEditEditor 和PersonDisplayEditor），它们都通过UiBinder 添加到View。 PersonEditEditor 包含 ValueBoxEditorDecorators 和 PersonDisplayEditor 包含正常的 Labels。
最初我显示PersonDisplayEditor 并隐藏PersonEditEditor。

在View 中，我为每个编辑器创建两个RequestFactoryEditorDriver，并使其可以通过View 接口从Presenter 访问。我还在View 接口中定义了一个setState() 方法。

当Presenter 第一次显示时，我调用PersonDisplayDriver.display() 和setState(DISPLAYING)。

当用户点击 Edit 按钮时，我会从我的Presenter 调用PersonEditDriver.edit() 和setState(EDITING)。
setState(EDITING) 将隐藏PersonDisplayEditor 并使@987654350 @可见。

我不确定这是否是最好的方法。如果不是，推荐的内联编辑方法是什么？在编辑器上进行单元测试的最佳方法是什么？

Answer 1

如果你有能力开发 2 个不同的视图，那就去吧，它会给你最大的灵活性。

我们在我们的应用程序中所做的就是将这两个状态烘焙到我们的编辑器中，我们无法承担开发和维护两个视图的成本，例如可以是标签或文本框的自定义组件（在大多数情况下，我们只需将文本框设置为只读并应用一些样式来隐藏框边框）。
为了检测我们处于哪种模式，因为我们使用RequestFactoryEditorDriver（就像你一样），我们让我们的编辑器实现HasRequestContext：在这里接收null值意味着使用了驱动程序的display()方法，所以我们'重新处于只读模式。另一种方法是使用EditorVisitor 和一些HasReadOnly 接口（顺便说一句，RequestFactoryEditorDriver 所做的正是将RequestContext 传递给HasRequestContext 编辑器）。

Answer 2

是的，Presenter-View 对应该是。但是如果您愿意，这里有两种方法可以实现此功能：

1) 在一个ui.xml中集成编辑/查看代码设计，即在EDitHorizo​​natlPanel中编辑代码和在ViewHorizo​​ntalPanel中查看代码。面板有不同的id。通过使用 id，使用显示方法显示/隐藏面板。如果getView().setState() ==Displaying 则显示ViewHorizo​​ntalPanel，如果getView().setState()==Editing 则显示EditHorizo​​ntalPanel。

2) 不使用标签，只使用文本框。在查看模式下需要时设置 Enable 属性为 false，否则为 true

您已经创建了两个 Presenter/view，但我认为如果 Edit/View 功能具有相似的代码，则无需为了查看目的一次又一次地重写相似的代码。

如果一个大项目有这么多的编辑/查看功能，并且您将创建这种类型的多个视图/演示者，那么您的项目大小就变得不必要了。

我认为无论我提出什么建议，这可能都不是好方法，但应该找出有助于避免代码复制的方法。