クリックしてもメソッドが実行されない

Question

データテーブルの検索機能を実装したいのですが、肝心のfilterTable()メソッドが動かず、filtered-table.xhtmlへと移動できません。メソッドにsystem.out.printを書いたのですがサーバログにも変化がないです。なぜだかお分かりになる方がいたら回答の方よろいくお願いします。

テンプレート機能を利用しています。

 <h:body>
        <ui:composition>
            <link rel="stylesheet" type="text/css" href="resources/css/find.css" />
            <h:outputStylesheet library="css" name="find.css" />



            <h:form>
                <br/>
                <p:inputText id="globalFilter" value="#{bb.search}" style="width:150px" placeholder="Enter keyword"/>

                <h:commandButton value="検索" action="#{bb.filterTable()}" class="Button"/>
                <br/>
                <br/>     <br/>
                <br/>     <br/>
            </h:form>

            <p:dataTable id="examplej" class="table table-striped table-bordered dt-responsive nowrap table-hover" 
                         var="info" value="#{bb.coupleList}" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                         rowsPerPageTemplate="5,10,15" paginator="true" emptyMessage="お探しの地域では見つかりませんでした">
                <f:facet name="header">
                    <p:outputPanel>
                        <h:outputText value="Search all fields:" />
                    </p:outputPanel>

                </f:facet>

                <p:column>
                    <p:graphicImage value="#{bb.pic}" >
                        <f:param name="id" value="#{info.id}"/>
                    </p:graphicImage>
                </p:column>

                <p:column>
                    <h:outputText value="#{info.addressOne}" />
                </p:column>


                <p:column>
                    <h:outputText value="#{info.firstName}" />さん
                </p:column>



                <p:column>
                    <h:commandLink action="#{bb.detail(info)}">
                        詳細へ
                    </h:commandLink>  
                </p:column>


            </p:dataTable>


        </ui:composition>

    </h:body>

    public String filterTable() {
        System.out.println("filterTable()");
        Flash flash = FacesContext.getCurrentInstance()
                .getExternalContext().getFlash();
        flash.put("search", this.search);
        return "filtered-table.xhtml";
    }

Answer 1

確信は無いのですが、stylesheetタグ(link,h:outputStylesheet)はh:headタグ内に書くのが通例なので少し怪しい気がします。あとはClass名が正しいか（Class Bb）、CDIBeanのインスタンス化を失敗しているか等考えられますが、デプロイ時やページアクセス時のログ内容にヒントが有るかも知れません。

これも思い付きになりますが、templateを利用されているのでh:bodyタグ内にcss定義を記載されているのかと思います。別途作成したページに、CSS定義をheadタグ内、h:formとp:datatableをbodyタグ内に配置して元のページ内にui:includeで読み込みされてはどうでしょうか。

Answer 2

<f:facet name="header">

            </f:facet>

の中にメソッドを配置することで解決。