title: how to render things in different parts of a jsf structure with f:ajax
body: <p>The concise version of the question I have is this:
  How do I in response of a blur event on a </p>
  
  <pre><code>&lt;h:inputText&gt; 
  </code></pre>
  
  <p>get the same value to show in a </p>
  
  <pre><code>&lt;h:outputText&gt; 
  </code></pre>
  
  <p>located outside the scope of the inputText field.</p>
  
  <p>The inputtext field has the following xpath:</p>
  
  <pre><code>//*[@id="form:j_idt40:src_table:0:j_idt137"]
  </code></pre>
  
  <p>The outputtext is located here: </p>
  
  <pre><code>//*[@id="form:j_idt40:target_table:0:target_id"]
  </code></pre>
  
  <p>I am using primefaces datatable and the two paths are located in two separate datatables</p>
  
  <p>The jsf code for the input field is the following:</p>
  
  <pre><code>&lt;p:dataTable id="src_table"&gt;
      &lt;p:column id="src_id" headerText="srcHeader"&gt;
          &lt;h:inputText value="#{bean.myAttribute}"&gt;
              &lt;f:ajax event="blur" render="src_id WHAT_SHOULD_GO_HERE?" &gt;&lt;/f:ajax&gt;
          &lt;/h:inputText&gt;
      &lt;/p:column&gt;
  &lt;/p:datatable&gt;
  </code></pre>
  
  <p>and the code for the output is the following</p>
  
  <pre><code>&lt;p:dataTable id="target_table"&gt;
      &lt;p:column headerText="TargetHeader"&gt;
          &lt;h:outputText id="target_id" value="#{bean.myAttribute}" /&gt;
      &lt;/p:column&gt;
  &lt;/p:datatable&gt;
  </code></pre>
  
  <p>i have tried several paths on the WHAT_SHOULD_GO_HERE? placeholder but I can't seem to get it right. They have all ended up throwing faces exceptions like the following:</p>
  
  <pre><code>javax.faces.FacesException: &lt;f:ajax&gt; contains an unknown id ':target_id' - cannot locate it in the context of the component j_idt137
  </code></pre>
  
  <p>this was of course when I replaced WHAT_SHOULD_GO_HERE? with :target_id </p>
  
  <p>I have also tried: </p>
  
  <pre><code>form:j_idt40:target_table:0:target_id, 
  
  :form:j_idt40:target_table:0:target_id 
  </code></pre>
  
  <p>but no luck.</p>
  
  <p>Can anyone help with my understanding of xpath or maybe even f:ajax and rendering specific parts of a view?</p>