title: XPages pager refresh issue
body: <p>I have a problem with a pager performing a partial refresh (since we have server side redirection rules, full refresh is not an option here). If I place the pager on the same page rather than in a custom control then it refresh the main panel. But if I place the pager in a custom control, then it only updates the repeat control, which means the pager control itself doesn't get refreshed. Here is a simple example to demonstrate the problem.</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom"&gt;
      &lt;xp:panel id="mainPanel"&gt;
          &lt;xc:ccPager pagerFor="repeat1" id="myPager" /&gt;
          &lt;xp:repeat id="repeat1" rows="3" var="row"&gt;
              &lt;xp:this.value&gt;&lt;![CDATA[#{javascript:var cars = ["Saab", "Volvo", "BMW", "Saab", "Volvo", "BMW"];
  return cars; }]]&gt;&lt;/xp:this.value&gt;
              &lt;xp:text escape="true" id="computedField1" value="#{row}"&gt;
              &lt;/xp:text&gt;
          &lt;/xp:repeat&gt;
      &lt;/xp:panel&gt;
  &lt;/xp:view&gt;
  </code></pre>
  
  <p>And here is the code for the custom control:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core"&gt;
      &lt;xp:pager layout="Previous Group Next" partialRefresh="true"
          id="pager1" for="#{compositeData.pagerFor}" partialExecute="false"&gt;
      &lt;/xp:pager&gt;
  &lt;/xp:view&gt;
  </code></pre>
  
  <p>Any tips would be welcome. In this case the pager is simple, but I have a more complex pager and a pagesizes control with 45 lines of source code, so I would prefer to create a re-useable custom component if possible at all.</p>
  
  <h2>UPDATE</h2>
  
  <p>My current pager custom control:</p>
  
  <pre><code>&lt;div id="page-result" class="pagination pagination-small clearfix"&gt;
      &lt;div class="col-lg-12 pagination clearfix"&gt;
          &lt;div class="results form-inline left"&gt;
              &lt;fieldset&gt;
                  &lt;xp:pager id="pager1" alwaysCalculateLast="true"
                      for="#{compositeData.strPagerFor}" styleClass="pag-control"
                      partialRefresh="true" partialExecute="false"&gt;
                      &lt;xp:pagerControl id="pagerControl1" type="FirstImage"
                          styleClass="firstPage" image="/PagerArrowhead2-L_d.png"&gt;
                      &lt;/xp:pagerControl&gt;
                      &lt;xp:pagerControl id="pagerControl2" type="PreviousImage"
                          styleClass="previousPage" image="/PagerArrowhead-L_d.png"&gt;
                      &lt;/xp:pagerControl&gt;
                      &lt;xp:pagerControl id="pagerControl5" type="Group"
                          currentStyleClass="active" styleClass="pages"&gt;
                      &lt;/xp:pagerControl&gt;
                      &lt;xp:pagerControl id="pagerControl3" type="NextImage"
                          styleClass="nextPage" image="/PagerArrowhead.png"&gt;
                      &lt;/xp:pagerControl&gt;
                      &lt;xp:pagerControl id="pagerControl4" type="LastImage"
                          styleClass="lastPage" image="/PagerArrowhead2.png"&gt;
                      &lt;/xp:pagerControl&gt;
                  &lt;/xp:pager&gt;
                  &lt;label&gt;
                      &lt;xp:text escape="true" id="computedField1" value="#{compositeData.strLabelText}" /&gt;
                  &lt;/label&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
          &lt;div class="results form-inline"&gt;
              &lt;fieldset&gt;
                  &lt;label&gt; Results per page: &lt;/label&gt;
                  &lt;xe:pagerSizes id="pagerSizes1" for="#{compositeData.strPagerFor}"
                      sizes="7|15|25|50|all" text="{0}" styleClass="resultPage"
                      partialRefresh="true" partialExecute="false"
                      refreshId="#{compositeData.strRefreshPanel}" /&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>