title: p:remoteCommand only update="@all" PF5
body: <p>On below code <code>&lt;p:remoteCommand&gt;</code> just update whole view when I use <strong>@all</strong>, but I've tried update <code>@this</code>,<code>@form</code> or <code>wizardEventContainer</code> without success. Even though <code>@all</code> work as I wish I would prefer just update the specific container <code>wizardEventContainer</code></p>
  
  <p>In the PrimeFaces website the example works using id attribute therefore I don't know why I can't get it too.</p>
  
  <p>I work with PF5, JSF 2.2 and SWF 2.4. I changed JSF separator char to <em>-</em> instead of <em>:</em></p>
  
  <pre><code>&lt;h:form id="formEditor" styleClass="eventEditorForm" prependId="true"&gt;
              &lt;p:editor id="editorEvent" height="150" width="900" maxlength="500" onchange="writeTextonPanel()" widgetVar="editorWidget"  /&gt;
  
              &lt;h:panelGroup layout="block" id="eventEditorButtons" styleClass="eventEditorButtons"&gt;
                  &lt;h:commandButton value="#{msg['saveLayer.btn']}" actionListener="#{eventProvider.saveTextLayer()}" alt="#{msg['saveLayer.btn.alt']}" title="#{msg['saveLayer.btn.title']}" onclick="showEditor('save')"&gt;
                      &lt;f:ajax execute="@form" render="-formBotones-wizardEventContainer" /&gt;
                  &lt;/h:commandButton&gt;
                  &lt;h:commandButton value="#{msg['omitLayer.btn']}" alt="#{msg['omitLayer.btn.alt']}" title="#{msg['omitLayer.btn.title']}" onclick="showEditor('delete')"&gt;
                      &lt;f:ajax execute="@form" render="-formBotones-wizardEventContainer" /&gt;
                  &lt;/h:commandButton&gt;
              &lt;/h:panelGroup&gt;
  
              &lt;h:inputHidden id="tempCSS" value="#{eventProvider.tempCSS}" /&gt;
              &lt;h:inputHidden id="tempHTML" value="#{eventProvider.tempHTML}" /&gt;
  &lt;/h:form&gt;
  
  &lt;h:form id="formBotones" prependId="true"&gt;
  
      &lt;p:remoteCommand name="omitTextLayer" process="@this" update="formBotones-wizardEventContainer" actionListener="#{eventProvider.omitTextLayer()}" /&gt;
      &lt;p:remoteCommand name="modifyTextLayer" actionListener="#{eventProvider.modifyTextLayer()}" /&gt;
      &lt;h:inputHidden id="tempCSSforModify" value="#{eventProvider.tempCSSModified}" /&gt;
  
      &lt;h:panelGroup layout="block" id="wizardEventContainer" styleClass="wizardEventContainer"&gt;
          &lt;h:inputHidden id="tempTextIdLayer" value="#{eventProvider.tempTextIdLayer}" /&gt;
      &lt;/h:panelGroup&gt;
  &lt;/h:form&gt;
  </code></pre>
  
  <p><strong>JS code linked with JAVA method</strong></p>
  
  <pre><code>function showEditor(mode){
  if(mode=='save')
      saveLayer();
  
  if(mode=='delete')
      deleteLayer();
  
  if($('#eventEditorContainer').css('visibility')=="hidden"){
      $('#eventEditorContainer').css('visibility','visible');
      $('#formControl-textLayerBtn').prop("disabled",true);
  }
  else{
      $('#eventEditorContainer').css('visibility','hidden');
      $('#formControl-textLayerBtn').prop("disabled",false);
  }
  
  }
  
  function deleteLayer(layer){
  
  
  if(layer==null){
      var idLayer='formBotones-' + $('#formBotones-tempTextIdLayer').val();
  
      $('#' + idLayer).remove();
  
      $('#formEditor-tempCSS').val('');
      $('#formEditor-tempHTML').val('');
  
  }
  else{
      var idLayer=layer.parent().attr('id');
  
  
      layer.parent().remove();
  
  
      $('#formBotones-tempTextIdLayer').val(idLayer.substring(idLayer.indexOf("-")+1));
      $('#formEditor-tempCSS').val('');
      $('#formEditor-tempHTML').val('');
  
  
  }
  
  omitTextLayer(); // p:remoteCommand function
  
  }
  </code></pre>
  
  <p><strong>P.D</strong>: I'v edited adding full code sample and js code which link to java method on p:remoteCommand
  Thanks!</p>