我对在JSF中创建动态组件很感兴趣。我指的是一个组件,它的外观和行为取决于传递的变量。
让我们举一个简单的例子,它实际上是有效的。一种复合组件(facelet),它根据数据隐藏/显示自身的不同部分。在这种情况下,它采用一个名为“mybean”的属性,您可以想象它有一个“value”字段和“type”字段。“类型”字段确定应呈现的组件。
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:cc="http://java.sun.com/jsf/composite">
<cc:interface>
<cc:attribute name="myBean" />
</cc:interface>
<cc:implementation>
<!-- Small input field if type is "shorttext" -->
<h:inputText value="#{myBean.value}" rendered="#{myBean.type == 'shorttext'}" />
<!-- Text area input field if type is "longtext" -->
<h:inputTextArea value="#{myBean.value}" rendered="#{myBean.type == 'longtext'}" />
</cc:implementation>
</html>
虽然这很有效,但很快就会变得笨拙起来。如果我有20种不同的类型,我在同一个文档中都指定了它们,这显然违反了良好的设计。
相反,我希望能够用如下内容替换实现:
<ui:include value="#{myBean.type}"/>
我知道这是不可能的,因为
ui:include
在生成组件树并且在呈现阶段处理组件时发生。
然而,这肯定是一个常见的问题。实现动态组件的最佳方法是什么?我使用的是JSF 2.0,如果这有区别的话。
