JSF 2 复合组件渲染问题

Question

我的复合组件 (cc) 创建了一个 inputText-Field。重要的部分是，它的呈现取决于模型属性“可见”。模型通过参数 "name" 提供给组件。

<cc:interface>
  <cc:attribute name="name" required="true"/>
</cc:interface>
<cc:implementation componentType="ch.sbi.pt.components.PMSInputText">
      <h:inputText value="#{cc.attrs.name.value}" rendered="#{cc.attrs.name.visible}"/>
</cc:implementation>

在视图中，我有一个具有 2 个单元格/行的 panelGrid：第一行有一个标签和我的 cc，第二个并不重要。标签使用与我的 cc 相同的模型属性呈现自己。

<h:panelGrid columns="2">  
   <h:outputText value="Name" rendered="#{person.name.visible}"/>
   <sbic:pmsInputText name="#{person.name}"/> 
   <h:outputText value="Next Label"/>
   <sbic:pmsInputText name="#{something.name}"/>
</h:panelGrid>

如果“visible”-property 返回“false”，结果（和问题）如下： 没有任何组件被渲染（完美！）但是 cc 生成的 HTML 会留下一个空单元格（例如<td></td>），这会导致布局丑陋的 HTML 表格（偏移一个单元格）：

<table>
<tbody>
<tr>
<td></td>
<td>Next Label</td>
</tr>
....

据我了解，这与生命周期有关（jstl 与 jsf）：我的 cc 在 <h:outputText../> 之前呈现，但我怎样才能摆脱空单元格（例如 <td></td>）？我在这里错过了什么吗？

感谢您的帮助，专家！ 马克

Answer 1

这是完全可以预料的。复合组件被渲染。只有它的孩子不是。您需要将 rendered 属性移动到复合组件。

<sbic:pmsInputText name="#{person.name}" rendered="#{person.name.visible}" />