用于jQuery的JSF复合组件ID

Question

我想在jsf中编写一个复合组件，并通过jquery添加一些功能。

小例子：我的复合组件定义如下：

[...]
<t:inputText
    id="#{cc.attrs.id}"
    value="#{cc.attrs.value}"
    required="false"/>

<h:panelGroup rendered="#{cc.attrs.required}">
    <script type="text/javascript">
        jQuery(document.getElementById("#{cc.attrs.id}")).addClass("mandatory")
    </script>
</h:panelGroup>
[...]

并会导致如下所示：

<input name="content_form:name:name" id="content_form:name:name" type="text" value="">
<script type="text/javascript">
    jQuery(document.getElementById("name")).addClass("mandatory")
</script>

如您所见，jquery获取了错误的ID。 这是因为对＃{cc.attrs.id}的评估似乎发生在不同的点。

如何获得可预测的ID或解决方法？

提前致谢。

Answer 1

在这种情况下，我找到了“有效的解决方案”：

<script type="text/javascript">
    jQuery(document.getElementById("#{cc.clientId}:#{cc.attrs.id}")).addClass("mandatory")
</script>

将使用输入元素的“真实ID”进行呈现。

说明：

cc.clientId返回我们所在的复合组件的ID，结果为：（“ content_form：name”）

cc.attrs.id将返回id属性的值，结果为：（“名称”）

这可以连接到“ content_form：name：name”，并用作jid的ID。

我知道这不是在输入标签中“获取ID”，而是在预测结果。

它有效，但是如果有人知道更好的方法，我很高兴听到。