无法使用 h:components 在 JQueryUI 对话框中显示文本

【问题标题】：Unable to use h:components to display text in JQueryUI Dialog无法使用 h:components 在 JQueryUI 对话框中显示文本
【发布时间】：2012-05-02 23:57:20
【问题描述】：

我正在尝试在 JSF 中创建 JQueryUI 对话框。我已经在父页面的

中包含了对话框代码，如JQueryUI Dialog demohttp://jqueryui.com/demos/dialog/#modal-form所示。当我使用像或这样的普通 HTML 标签时，我能够在对话框中显示所需的文本，但是当我尝试使用像 h:outputLabel、h:outputText 这样的 h 组件时，文本会显示在父页面而不是对话框。

提前感谢您的帮助。

【问题讨论】：

这些症状表明您使用的是古老的 JSF 1.0 或 1.1。这是真的吗？
是的，先生，我正在使用 JSF 1.1。有没有办法可以在 JQueryUI 对话框中使用 h 组件？

标签： jquery-ui jsf jsp-tags

【解决方案1】：

在古老的 JSF 1.0/1.1 中，您需要在 <f:verbatim> 中包装普通的 HTML 元素。

例如

<f:verbatim><div></f:verbatim>
    <h:inputText ... />
<f:verbatim></div></f:verbatim>

只有从 JSF 1.2 开始，才可以在 JSF 视图中嵌入普通的 HTML 元素，而无需使用<f:verbatim>。您可能需要考虑升级到 JSF 1.2，或者更好的是 JSF 2.0。

【讨论】：

所有在 <f:view> 内的 JSF 页面中的纯 HTML 元素必须包裹在 <f:verbatim> 中。否则，用 JSF 组件替换它们。
感谢您的指导。我会记住的。