使用 JSF 进行 jQuery 自动完成

Question

这个问题已经有答案了:

How to select JSF components using jQuery? (4 个回答)

已关闭 8 年前。

我已经使用 JSF 开发了 jQuery 自动完成功能，并且工作正常，但是当我添加 h:form 时它不起作用。

这是我的代码。

<script>        
    /* auto complete */
    $(function() {
        var availableTags = "#{instrumentBean.instrumentList}";     
        $("#tags").autocomplete({
            source: availableTags
        });
    });
</script>

<div class="ui-widget">
    <h:form>                            <!-- this form was missing -->
        <label for="tags">Symbol: </label>

        <h:inputText id="tags" />
        <h:form id="watchListForm">
        <h:commandButton action="#{watchListBean.addtowatchList}" 
                         value="ADD TO WATCH LIST"/>
    </h:form> 
</div>

使用上面的代码，自动完成工作正常，但是当我输入 h:inputbox 时里面h:form它不起作用。不放入h:form我无法将其值提交给 JSF 支持 bean。请给我宝贵的想法以使其正确。

提前致谢

Answer 1

我不确定这就是原因，但我使用 JSF，通常表单内字段的 id 是由将表单 id 作为组件 id 的前缀组成的。所以你应该尝试使用(如果你的 <h:inputText> 在 <h:form> 内)

$(function() {
  var availableTags = #{instrumentBean.instrumentList};    
  //the id of the component should be watchListForm:tags, you have to escape 
  //the semi-colon
  $( "#watchListForm\\:tags" ).autocomplete({
    source: availableTags
   });
});