自定义flex dataGrid分页工具条

最新推荐文章于 2025-06-09 14:27:07 发布

最新推荐文章于 2025-06-09 14:27:07 发布 · 131 阅读

flex 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用Flex布局实现的分页组件设计方案，该方案包括首页、上一页、下一页及末页等按钮，同时提供了当前页数的输入框，并能够显示总页数和记录总数，适用于各种网页应用。

<mx:HBox width="100%" horizontalAlign="left" verticalAlign="middle" bottom="0" horizontalGap="0" borderStyle="solid">
<mx:LinkButton id="homepage" width="16" toolTip="首页" click="setPager(1)"/>
<mx:LinkButton id="pageup" width="16" toolTip="上一页" click="setPager(curpage-1)"/>
<mx:Label text="第"/>
<mx:NumericStepper id="inputpage" width="50" stepSize="1" minimum="1" maximum="1" cornerRadius="0" value="1" change="inputpage_changeHandler(event)"/>
<mx:Label text="页/共{totalpage}页" id="pagedetail"/>
<mx:LinkButton id="pagedown" width="16" toolTip="下一页" click="setPager(curpage+1)"/>
<mx:LinkButton id="endpage" width="16" toolTip="末页" click="setPager(totalpage)"/>
<mx:Spacer width="100%" height="1"></mx:Spacer>
<mx:Label text="共{count}条" id="labelCount"/>
</mx:HBox>