2つのカスタムコントロールがあります。1つはテーブル自体(cc-table)用で、もう1つはテーブルの周囲に4つのページャーコントロール(cc-pager、2 Pager、1 Pager展開/折りたたみ、1 Pagerサイズ)があり、編集可能な領域があります。xpageで2つのccを組み合わせましたが、Webでプレビューすると問題なく表示されます。ページャーをクリックしても機能し、ビューパネル(cc-table)は更新されますが、ページャーコントロール自体は更新されません。例:標準のポケットベルコントロールの場合:「次へ」をクリックすると、「2」が灰色のテキストに変わり、「1」がクリック可能なリンクに変わるはずです。私の場合、ポケットベルは変更されないため、最初のページに戻ることはできません。
編集:カスタムコントロール:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xp:this.resources>
<xp:styleSheet href="/custom.css"></xp:styleSheet>
</xp:this.resources>
<xp:panel>
<xp:table style="width:100%">
<xp:tr>
<xp:td>
<xp:div style="text-align:left" styleClass="viewCtrlLeft">
<xe:pagerExpand id="pagerExpand1"
collapseText="Alle Komprimieren" expandText="Alle Erweitern"
for="viewPanel1">
</xe:pagerExpand>
</xp:div>
</xp:td>
<xp:td>
<xp:div style="text-align:right" styleClass="viewCtrlRight">
<xp:pager layout="Previous Group Next"
partialRefresh="true" id="pager1" for="viewPanel1">
</xp:pager>
</xp:div>
</xp:td>
</xp:tr>
</xp:table>
</xp:panel>
<xp:panel>
<xp:callback facetName="facet_1" id="callback1"></xp:callback>
</xp:panel>
<xp:panel>
<xp:table style="width:100%">
<xp:tr>
<xp:td>
<xp:div style="text-align:left" styleClass="viewCtrlLeft">
<xe:pagerSizes id="pagerSizes1" for="viewPanel1"></xe:pagerSizes>
</xp:div>
</xp:td>
<xp:td>
<xp:div style="text-align:right" styleClass="viewCtrlRight">
<xp:pager layout="Previous Group Next"
partialRefresh="true" id="pager2" for="viewPanel1">
</xp:pager>
</xp:div>
</xp:td>
</xp:tr>
</xp:table>
</xp:panel>