p：commandButtonは部分的ではなくページ全体を更新しますが、f：ajaxは正常に動作します。

Question

ボタンのクリック時にページの一部を更新しようとしています。

のtemplate.xhtml

<h:form prependId="false"> 

     <h:commandButton value="NEWS" action="news"> 
      <f:ajax render="newsContent"></f:ajax> 
     </h:commandButton> 

     <h:panelGroup layout="block" id="newsContent"> 
      <ui:insert name="newsContent"> 
       <ui:include src="/WEB-INF/partials/news/news.xhtml"/> 
      </ui:insert> 
     </h:panelGroup> 

    </h:form> 

/WEB-INF/partials/news/news.xhtml

<h:commandLink action="newsdetails"> 
    <f:ajax render="newsContent" /> 
</h:commandLlink> 

newsdetails.xhtml： は今、私は以下の持っています

<h:commandButton value="INDEX" action="index"> 
    <f:ajax render="newsContent" /> 
</h:commandButton> 

は今その作業罰金が、私は

<p:commandButton value="INDEX" action="index" update="newsContent"/> 

のようなもので<h:commandbutton>を交換する場合は、内容が更新されますが、ページが更新されます。私がここで間違っていることは何ですか？

Answer 1

私はそれを最後に解決しました。

ボタンにactionListenerを使用しました。

<p:commandLink actionListener="#{news.setCurrent(n)}" update="newsContent" /> 

含めるのソースは今豆から読み込まれます：

<h:panelGroup layout="block" id="newsContent"> 
    <ui:insert name="newsContent"> 
     <ui:include src="#{news.page}"/> 
    </ui:insert> 
</h:panelGroup> 

とページのgetterのようなものになります。Pag​​eloadオン

public String getPage() { 
    if(current == null){ 
     return "/WEB-INF/partials/news/news.xhtml"; 
    } 
    return "/WEB-INF/partials/news/details.xhtml"; 
} 

をのCurrentObjectはまだnullですnews.xhtmlが表示されます。クリック後、現在のオブジェクトに設定され、ページは詳細ページに更新されます。すべてページの再ロードなし。

Answer 2

あなたは、任意の有効なAjaxのアクションを呼び出すされていません。

インデックスページをリロード避けるためにaction="index"を削除します。