title: JSF f:ajax cannot locate component on context
body: <p>I'm trying update one dataTable from a graphicImage inside the dataTable. I tried a lot of combination of f:ajax render value but without success, now I'm using p:component function of PrimeFaces, but I get the same error before. I receive this error in browser:</p>
  
  <blockquote>
    <p>f:ajax contains an unknown id 'j_idt690:painelTabelaAPDespesa' - cannot locate it in the context of the component j_idt735</p>
  </blockquote>
  
  <p>the code I use to refresh:</p>
  
  <pre><code>&lt;f:ajax event="click" render="#{p:component('painelTabelaAPDespesa')}"
                      listener="#{itensAPDespesa.removerItem(item)}" /&gt;
  </code></pre>
  
  <p>how you can see this f:ajax is inside a graphicImage that's inside a data table.</p>
  
  <pre><code>&lt;h:panelGroup id="painelTabelaAPDespesa"&gt;
          &lt;p:dataTable id="tabelaAPDespesa" value="#{itensAPDespesa.itens}"
              var="item"&gt;
              &lt;p:column&gt;
                  #{itensAPDespesa.itens.indexOf(item)+1}
              &lt;/p:column&gt;
              &lt;p:column&gt;
                  &lt;f:facet name="header"&gt;
                      &lt;h:outputText value="Número" /&gt;
                  &lt;/f:facet&gt;
                  &lt;hrgi:editableText style="width:33%"
                      value="#{item.numeroDocumento}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column&gt;
                  &lt;f:facet name="header"&gt;
                      &lt;h:outputText value="Vencimento" /&gt;
                  &lt;/f:facet&gt;
                  &lt;hrgi:editableDate style="width:33%" value="#{item.dataVencimento}" /&gt;
              &lt;/p:column&gt;
              &lt;p:column&gt;
                  &lt;f:facet name="header"&gt;
                      &lt;h:outputText value="Valor" /&gt;
                  &lt;/f:facet&gt;
                  &lt;hrgi:editableCurrency style="width:33%" value="#{item.valor}"&gt;
                      &lt;f:ajax render="@form" event="blur"
                          listener="#{itensAPDespesa.adicionarItem(item)}"
                          onevent="mudarFocoParaCampoInexistente(this.id)" /&gt;
                  &lt;/hrgi:editableCurrency&gt;
              &lt;/p:column&gt;
              &lt;p:column&gt;
                  &lt;f:facet name="header"&gt;
                      &lt;h:outputText value="Remover" /&gt;
                  &lt;/f:facet&gt;
                  &lt;h:graphicImage library="img" name="default_trash.png"
                      style="cursor:pointer;"&gt;
                      &lt;f:ajax event="click" render="#{p:component('painelTabelaAPDespesa')}"
                          listener="#{itensAPDespesa.removerItem(item)}" /&gt;
                  &lt;/h:graphicImage&gt;
              &lt;/p:column&gt;
          &lt;/p:dataTable&gt;
          &lt;h:outputLabel
              value="Total: #{modeloPopupRegistroDespesa.valorTotal}"&gt;
              &lt;f:convertNumber type="currency" currencyCode="BRL"
                  currencySymbol="R$" maxFractionDigits="2" minFractionDigits="2" /&gt;
          &lt;/h:outputLabel&gt;
      &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>Probably this is caused because it don't know it is inside the component I want render, so how can I refresh this component (in this case the parent of dataTable)?? </p>