自动完成方法永远不会被调用到 ui:composition答案

【问题标题】：Autocomplete method is never called into ui:composition自动完成方法永远不会被调用到 ui:composition
【发布时间】：2018-01-14 19:30:59
【问题描述】：

我正在使用 primefaces 作为框架来使用自动完成功能。

如果我只使用primefaces 没有合成效果很好。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"   xmlns:h="http://xmlns.jcp.org/jsf/html"     xmlns:f="http://xmlns.jcp.org/jsf/core"     xmlns:ui="http://xmlns.jcp.org/jsf/facelets"    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"> <h:head>  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"        rel="stylesheet" />     <h:outputStylesheet name="css/materialize.css" />   <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>Template</title> </h:head> <h:body class="blue-grey lighten-4">      <ui:include src="cabecalho.xhtml" />

    <h:messages id="erromsg" fatalClass="alert alert-danger"        errorClass="alert alert-danger" infoClass="alert alert-info"        warnClass="alert alert-warning" />

    <ui:insert name="corpo" />

    <ui:include src="/rodape.xhtml" />      <h:outputScript name="js/jquery-2.1.1.js" />    <h:outputScript name="js/mask/jquery.inputmask.bundle.js" />    <h:outputScript name="js/mask/phone.js" />  <h:outputScript name="js/mask/phone-be.js" />   <h:outputScript name="js/mask/phone-ru.js" />   <h:outputScript name="js/materialize.js" />     <script>
        //Select
        $(document).ready(function() {
          $('select').material_select();
        });
                //Carosel       $('.carousel.carousel-slider').carousel({           fullWidth : true,       });         autoplay();

        function autoplay() {           $('.carousel').carousel('next');            setTimeout(autoplay, 4500);         }

        //Menu-Mobile       $(".button-collapse").sideNav();        //Dropdown      $(".dropdown-button").dropdown();

        $(document).on("ready",function(){
            $(".ui-paginator-first.ui-state-default.ui-corner-all").addClass("btn");
            $(".ui-paginator-last.ui-state-default.ui-corner-all").addClass("btn");
            $(".ui-paginator-next.ui-state-default.ui-corner-all").addClass("btn");
            $(".ui-paginator-prev.ui-state-default.ui-corner-all").addClass("btn");

        });
                </script> </h:body> </html>

我正在使用物化作为我的前端框架。

我的测试页面：

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
    xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Title</title>
</h:head>
<h:body>
    <ui:composition template="_template.xhtml">
        <ui:define name="corpo">
            <div class="container">
                    <p:autoComplete id="autocomplete"
                        value="#{manterProdutoBean.descMarca}"
                        completeMethod="#{manterProdutoBean.completeMarca}"
                        forceSelection="true" required="true"
                        requiredMessage="Informe a marca!" maxResults="3">
                        <p:ajax event="query" />
                    </p:autoComplete>
                    <br />
                    <p:outputLabel value="Max Results(5):" for="acMaxResults" />
                    <p:autoComplete id="acMaxResults" maxResults="5"
                        value="#{manterProdutoBean.descMarca}"
                        completeMethod="#{manterProdutoBean.completeText}">
                        <p:ajax event="query" />
                    </p:autoComplete>
            </div>
        </ui:define>
    </ui:composition>
</h:body>
</html>

当我使用组合时，我的completemethod 永远不会被调用。

你能帮帮我吗？

此致，

【问题讨论】：

欢迎来到 Stack Overflow！我编辑了您的文本以强调文本样式的问题。祝你好运！

标签： jsf primefaces jsf-2 autocomplete

【解决方案1】：

各位，感谢您的帮助！我找到了解决方案！我已经导入了 2 个 jquery，一个来自 primefaces，另一个来自 materialize！我禁用了物化 jquery，它开始工作了！谢谢大家！

【讨论】：