ページがJsf 2.0でajaxを使用してレンダリングされない

Question

私は非常に奇妙な問題に直面しています。私の側からデバッグした後、同じ質問をフォーラムに投稿すると考えました。

問題：：2つのJSFデータテーブルに「TableA」と「TableB」があります。私はTableBにいくつかの要素を持っていますが、今はTableAに移動してTableBで削除されたり表示されなかったりする基準に基づいていくつかの記事を移動したいと思います。

TableAの要素を追加することができ、TableBにある要素を出力したときにも、その要素がデバッガを介してTableBから削除されているのがわかりますが、同じ変更がUIに反映されません。

コードである：ここ

<div id="selectedTableId" class="ArtSlected"> 
<h:dataTable id="selectedArtTable" value="#{articleBean.artList1}" var="sel" width="100%" border="0" cellspacing="0" 
      cellpadding="0" columnClasses="center" class="TableStyle"> 
    <h:column> 
    <h:commandButton id="deleteArticle" image="../resources/images/Delete.png" action="#{articleBean.deleteAction}"> 
     <f:setPropertyActionListener target="#{articleBean.articuloPromocionVO}" value="#{sel}"/> 
     <f:ajax render=":articleSelectionForm:artDescTable selectedArtTable" execute="@form"/> 
    </h:commandButton> 
    </h:column> 
    <h:column> 
    <f:facet name="header">#{msgs.mpromo_article_selection_articles_selected}</f:facet> 
    #{sel.articuloNombre} - #{sel.descripcion} 
    </h:column> 
</h:dataTable> 
</div> 

、articleSelectionFormフォーム名 artDescTableはselectedArtTableがテーブルBを指すテーブルA を指します。

<f:ajax>タグで多くの組み合わせを試しましたが、何も問題ありません。たとえば、

<f:ajax render=":articleSelectionForm:artDescTable selectedArtTable" execute="@form" /> 

<f:ajax render=":articleSelectionForm:artDescTable :articleSelectionForm:selectedArtTable" execute="@form" /> 

<f:ajax render=":articleSelectionForm:artDescTable :articleSelectionForm:selectedTableId:selectedArtTable" execute="@form" /> 

私は理解で間違っているところを教えてください。

Answer 1

コンポーネントのクライアントIDを参照する必要があります。まず、適切なクライアントIDを特定する最も簡単な方法は、ページをブラウザで開き、右クリックしてソース表示を開き、JSFコンポーネントのHTML表現を探します。それはあなたが正確この値を取り、:を前に付けする必要があり、この

<table id="foo:bar:tableId" ...> 

のように見えます。それは:、デフォルトNamingContainer区切り文字が付いていない場合は

<f:ajax render=":foo:bar:tableId" ... /> 

、それは現在のNamingContainer親に対する解決されます。このようなコンポーネントは、<h:form>,<h:dataTable>,<ui:repeat>、複合コンポーネントなどです。