如何使用 DHTML 动态创建表单控件并使用 JSF 处理所有这些控件？

Question

假设接下来的情况：创建一个视图，其中表单控件使用 DHTML 呈现（即，每次用户按下按钮时，都会创建一个包含字段的新行，并且生成字段标识符并将其分配给具有相同 DHTML 的字段如“form1control1”等），但该控件尚未与 ViewRoot 中的任何 UIComponent 相关（因为它们是由客户端动态创建的，因此服务器不知道它们位于表单中）如何我可以处理 a) 查找控件和 b) 使用该名称在 JSF 中进行验证和处理吗？

使用 JSP 方法，可以控制名称和名称。值随 HttpRequest 一起提供，通过调用请求对象并使用使用模式搜索所有对象的算法可以轻松处理这些项目，因此如果存在名为“form1control1”的对象，我将使用 ie 找到它request.getParameterNames() 和 request.getParameter("form"+N+"control"+M)，用于稍后通过使用所有命名参数的代码来处理验证和转换。

据我了解，对于 JSF，我需要通过使用一个标签在 JSP 中声明该控件来将一个控件与一个 UIComponent 关联起来，因此，将任何一个或两个验证器或转换器附加到该控件，以便 RootView 知道该控件在那里并且有一个关联的名称，并且它将期望管理该控件，但我不需要 JSP 声明的控件，而是由客户端使用 JavaScript 动态创建的控件，稍后发送到服务器并被视为任何其他 JSP 声明的 UIComponent，因此我可以重新启动我的问题：如何处理未在任何 JSP 中声明并由客户端使用 DHTML 动态构建的控件，以进行验证、转换和处理？

我想我可以通过 AJAX 来完成此操作每当我使用新控件创建新行并通过以编程方式将任何控件添加到树中来更新它时，都会调用 ViewRoot，但是，我认为这种方法非常昂贵，因为我需要 a) 生成 AJAX 请求，b) 提供工作每当我使用暗示使用处理时间和分配内存资源的表单执行操作时，服务器；因此，我希望避免使用 AJAX 来更新 ViewRoot 并创建/删除任何新控件，显然，如果强制使用 AJAX 来更新 ViewRoot 来达到该行为，我不会关闭。如果我能避免这最后一种方法，那就太受欢迎了。

非常感谢您提前提供反馈。

Answer 1

这是可能的，但您需要对 JSF API 有相对较好的理解，因为它并不简单。实现此目的的方法是在组件树中添加一个基于 Java 的自定义组件，该组件充当您将在客户端上创建的动态 HTML 的容器。

通过 UIComponent#decode 或 Renderer#decode（如果您使用单独的渲染器），您的 Java 自定义组件可以在回发后检查请求并使用原始值填充自身动态创建的组件发布到服务器。

了解其工作原理的一个好方法就是检查现有的渲染器。例如，来自 CheckboxRenderer 的一个简化示例：

public void decode(FacesContext context, UIComponent component) {

    clientId = component.getClientId(context);

    // Convert the new value
    Map<String, String> requestParameterMap = context.getExternalContext().getRequestParameterMap();
    boolean isChecked = isChecked(requestParameterMap.get(clientId));
    setSubmittedValue(component, isChecked);
}

private static boolean isChecked(String value) {

    return "on".equalsIgnoreCase(value)
           || "yes".equalsIgnoreCase(value)
           || "true".equalsIgnoreCase(value);

}

在解码方法中，您正在处理所有“虚拟组件”，然后 JSF 将所有内容视为一个组件。

也或多或少有可能动态创建在客户端上动态创建的组件的服务器端表示。我说的或多或少是因为 Mojarra（JSF 参考实现）目前存在一些错误，导致它在所有情况下都无法正常工作。参见例如 http://java.net/jira/browse/JAVASERVERFACES-1826 MyFaces 似乎虽然可以正常工作。

您可能对 Richard 为 Metawidget 所做的工作特别感兴趣： http://metawidget.org/

此外，我'我们提出了一个问题，将这种动态（服务器端）组件创建添加到 JSF 规范中。如果您认为这对您的用例很重要，请在以下位置投票：http://java .net/jira/browse/JAVASERVERFACES_SPEC_PUBLIC-1007

Answer 2

我不知道有什么方法可以在客户端上创建组件，然后在提交回服务器时自动绑定到视图状态。我认为你需要 ajax 来完成这个任务。

当然，您可以动态创建输入元素，并且仍然可以直接从 HttpServletRequest 获取最终用户输入的值，但对于 JSF 来说，整个范例都围绕着维护视图状态。