追赶的页码寻呼机被点击

Question

有可能的onClientLoad事件处理程序添加到viewPanel中：

https://xcellerant.net/2013/01/14/viewpanel_onclientload

点击在onClientLoad寻呼机结果被解雇。

问：是否有可能捕获正在点击的传呼机的页码？

Answer 1

在XPage的onClientLoad CSJS代码中为pager内的每个页面号添加一个点击事件。
使用dojo.query让寻呼机内全部标签：

dojo.query('[id$=pagerWithClickEvents] a').forEach(function(entry) { 
     entry.addEventListener("click", function() { 
      alert(this.innerHTML); 
     }); 
    }); 

。这个XPage工作示例：

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view 
    xmlns:xp="http://www.ibm.com/xsp/core"> 
    <xp:viewPanel 
     rows="3" 
     value="#{view1}" 
     id="viewPanel1"> 
     <xp:this.facets> 
      <xp:pager 
       partialRefresh="true" 
       layout="Previous Group Next" 
       xp:key="headerPager" 
       id="pagerWithClickEvents"> 
      </xp:pager> 
     </xp:this.facets> 
     <xp:this.data> 
      <xp:dominoView 
       var="view1" 
       databaseName="names.nsf" 
       viewName="People"> 
      </xp:dominoView> 
     </xp:this.data> 
     <xp:viewColumn 
      columnName="$17" 
      id="viewColumn1"> 
      <xp:viewColumnHeader 
       value="Name" 
       id="viewColumnHeader1"> 
      </xp:viewColumnHeader> 
     </xp:viewColumn> 
     <xp:viewColumn 
      columnName="$16" 
      id="viewColumn4"> 
      <xp:viewColumnHeader 
       value="E-Mail" 
       id="viewColumnHeader4"> 
      </xp:viewColumnHeader> 
     </xp:viewColumn> 
     <xp:eventHandler 
      event="onClientLoad" 
      submit="false"> 
      <xp:this.script><![CDATA[ 
      dojo.query('[id$=pagerWithClickEvents] a').forEach(function(entry) { 
       entry.addEventListener("click", function() { 
        alert(this.innerHTML); 
       }); 
      }); 
     ]]></xp:this.script> 
     </xp:eventHandler> 
    </xp:viewPanel> 
</xp:view>