title: How to partial submit with ajax a specific jsf component?
body: <p>I have something like this:</p>
  
  <pre><code>&lt;h:form id="form"&gt;
      &lt;p:dialog id="profileDialogId"&gt;                 
          &lt;p:panelGrid id="categoryFunctions" columns="2" &gt;       
              &lt;p:outputPanel id="profileFunctions" &gt;
                  &lt;p:panelGrid  columns="1" &gt;
                          &lt;p:scrollPanel scrollMode="buttons" mode="native" &gt;
                              &lt;p:outputLabel for="functionList" value="Functions:" /&gt;
                                  &lt;p:selectManyCheckbox id="functionList" value="#{profileConf.selectedCategoryDto.selectedFunctions}" layout="pageDirection" &gt;
                                      &lt;f:selectItems  value="#{profileConf.selectedCategoryDto.functionList}" var="function" itemLabel="#{function.functionDesc}"  itemValue="#{function.functionCod}" /&gt;
                              &lt;/p:selectManyCheckbox&gt;                                     
                          &lt;/p:scrollPanel&gt;
                  &lt;/p:panelGrid&gt;
              &lt;/p:outputPanel&gt;
          &lt;/p:panelGrid&gt;                       
      &lt;/p:dialog&gt;         
  &lt;/h:form&gt;           
  </code></pre>
  
  <p>and I want to send with ajax only the component with "functionsList" id.</p>
  
  <p>I already tried </p>
  
  <pre><code>&lt;f:ajax event="valueChange" execute=":form:functionList" listener="#{profileConf.functionsForCategory}" update=":form:functionList"/&gt;
  </code></pre>
  
  <p>but when I put a breakpoint in functionsForCategory method selectedFunctions property is null.
  Any help will be appreciated. Thanks!</p>