自己写的分页条

最新推荐文章于 2021-05-30 19:46:14 发布

原创最新推荐文章于 2021-05-30 19:46:14 发布 · 542 阅读

0 ·

CC 4.0 BY-SA版权

flex 专栏收录该内容

88 篇文章

订阅专栏

本文详细介绍了如何实现网页的分页与导航功能，包括如何展示当前页数、总页数、记录总数、每页显示记录数，以及如何通过按钮实现首页、上页、下页、尾页和跳转到指定页的功能。同时，文章提供了关键代码片段，展示了如何使用MXML语言来实现这些功能。

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="30"
horizontalAlign="center" verticalAlign="middle"
borderStyle="solid" cornerRadius="4">

<mx:Label text="{'第'+(sumPage>0?(currentPage+1):0)+'页/共'+sumPage+'页'}"/>
<mx:Label text="{'共'+(totalRecords!=0?totalRecords:0)+'条记录'}"/>
<mx:Label text="每页显示"/>
<mx:NumericStepper id="pageSizePer" stepSize="1" minimum="1" maximum="50" value="{WorkFlowConst.SIZE_PER_PAGE}" />
<mx:Label text="条记录"/>
<mx:LinkButton icon="@Embed(source='../img/up.png')" enabled="{currentPage!=0}"
       label="首页" toolTip="跳转到第一页" click="queryData(0)"/>
<mx:LinkButton icon="@Embed(source='../img/right.png')" enabled="{sumPage>currentPage+1}"
       label="下页" toolTip="跳转到下一页" click="queryData(currentPage+1)"/>
<mx:LinkButton icon="@Embed(source='../img/left.png')" enabled="{currentPage!=0}"
       label="上页" toolTip="跳转到上一页" click="queryData(currentPage-1)"/>
<mx:LinkButton icon="@Embed(source='../img/down.png')" enabled="{sumPage>currentPage+1}"
       label="尾页" toolTip="跳转到尾页" click="queryData(sumPage-1)"/>
<mx:NumericStepper id="whichPage" stepSize="1" minimum="1" maximum="{sumPage}" value="1"/>
<mx:LinkButton icon="@Embed(source='../img/pagego.png')" enabled="{sumPage>1}"
       label="跳转" toolTip="跳转到这一页" click="queryData(whichPage.value-1)"/>
</mx:HBox>