我有一个重复控件xe:pagerAddRows控件以显示更多行。我想显示类似的东西来显示/缩小行数。我试图将rowCount属性设置为负值,但这似乎不起作用。
如何实现这样的显示更少的行功能?
您不能使用xe:pagerAddRows减少行数-就像名称中所预期的那样。
这里是一种创建两个按钮以显示更多或更少行的方法:
<xp:this.beforePageLoad><![CDATA[#{javascript:
viewScope.numberrows = 5
}]]></xp:this.beforePageLoad>
<xp:repeat id="repeat1" rows="#{javascript: parseInt(viewScope.numberrows)}" ... >
...
</xp:repeat>
<xp:button value="show more" id="button1">
<xp:eventHandler event="onclick" submit="true"
refreshMode="partial" refreshId="repeat1">
<xp:this.action><![CDATA[#{javascript:viewScope.numberrows += 5}]]></xp:this.action>
</xp:eventHandler>
</xp:button>
<xp:button value="show less" id="button2">
<xp:eventHandler event="onclick" submit="true"
refreshMode="partial" refreshId="repeat1">
<xp:this.action><![CDATA[#{javascript:viewScope.numberrows -= 5}]]></xp:this.action>
</xp:eventHandler>
</xp:button>
您可以通过这种方式动态更改属性“行”(=要显示的行数)。此属性在重复控件,视图控件和其他多行控件中可用。