将新的html标记添加到现有组件jsf 1.1 / 1.2（XPages）中

Question

有一个标准的Pager组件，它在html结构下面呈现：

<div class="xspPagerContainer">
  <div class="xspPagerRight" id="view:_id1:pager1">
    <span class="xspPagerNav xspFirst" id="view:_id1:pager1__First">
      First
    </span>
    <span class="xspPagerNav xspPrevious" id="view:_id1:pager1__Previous">
      Previous
    </span>
    <span class="xspPagerNav xspGroup" id="view:_id1:pager1__Group">
      <span>
        <span class="xspFirstItem xspCurrentItem">
          1
        </span>
        <span>
          <a>2</a>
        </span>
        <span class="xspLastItem">
          <a>3</a>
        </span>
      </span>
    </span>
  </div>
</div>

我想在上面的结构中添加一些额外的html标签：

<div class="xspPagerContainer">
  <div class="xspPagerRight" id="">

    <span id="NewSpan"></span>

    <span class="xspPagerNav xspFirst" id="someId">
      First
    </span>
    <span class="xspPagerNav xspPrevious" id="view:_id1:pager1__Previous">
      Previous
    </span>

我试图使用渲染器来执行此操作，但我无法在xspPagerContainer div中添加任何内容。我所取得的就是在这个div之前或之后添加一些东西。

这样的事情可能吗？如何在没有javascript（jQuery等）的情况下将html标签添加到现有组件中？我应该创建自己的组件并创建自己的渲染器吗？

这是Xpages中使用的IBM JSF变体。