如何在jquery中引用JSF组件ID？

Question

我如何在jquery中引用JSF组件,因为我不知道我想要引用的组件的id前面的id？

Answer 1

你可以给所有NamingContainer视图中的诸如部件<h:form>,<h:dataTable>,<ui:repeat>,<my:composite>一个固定 ID,使得HTML生成的客户ID是安全地预测的.如果您不确定,只需在webbrowser中打开页面,右键单击并执行查看源代码.如果您j_id123在客户端ID链中看到自动生成的ID ,则需要准确地为该组件提供固定ID.

或者,您可以使用#{component.clientId}EL将组件的客户端ID打印到生成的HTML输出.您可以使用组件的binding属性将组件绑定到视图.像这样的东西:

<h:inputText binding="#{foo}" />
<script>
    var $foo = $("[id='#{foo.clientId}']"); // jQuery will then escape ":".
    // ...
</script>

这只要求脚本是视图文件的一部分.

作为另一种选择,您可以为相关元素指定一个类名:

<h:inputText styleClass="foo" />
<script>
    var $foo = $(".foo");
    // ...
</script>

作为另一种选择,您可以将HTML DOM元素本身传递给函数:

<h:inputText onclick="foo(this)" />
<script>
    function foo(element) {
        var $element = $(element);
        // ...
    }
</script>