您的位置:首页 > 其它

分页组件(引用Super Flex文章)

2010-11-11 13:17 162 查看

分页组件







这套组件

主要是用到了LinkButton和Repeater。

<!-- page -->

<mx:HBox id="paginationbox" width="100%" height="24"

verticalAlign="middle" horizontalGap="0"

visible="false">

<mx:Label text="PAGES: "/>

<mx:Spacer width="3"/>

<mx:LinkButton label="<<"

styleName="pageLinkBtn"

enabled="{_curr_page_index!=0}"

click="showImagesInList()"/>

<mx:LinkButton label="<"

styleName="pageLinkBtn"

enabled="{_curr_page_index > 0}"

click="showImagesInList(_curr_page_index-1)"/>

<mx:Repeater id="prepeater"

dataProvider="{_pages}"

count="7"

startingIndex="{(_curr_page_index-3 < 0)?0:(_curr_page_index-3)}">

<mx:LinkButton label="{(prepeater.currentIndex+1).toString()}"

enabled="{int(prepeater.currentIndex) != _curr_page_index}"

styleName="pageLinkBtn"

click="showImagesInList(event.currentTarget.repeaterIndex)"/>

</mx:Repeater>

<mx:LinkButton label=">"

enabled="{_curr_page_index < _pages.length-1}"

click="showImagesInList(_curr_page_index+1)"

styleName="pageLinkBtn"/>

<mx:LinkButton label=">>"

enabled="{_curr_page_index != _pages.length-1}"

click="showImagesInList(_pages.length-1)"

styleName="pageLinkBtn"/>

</mx:HBox>


style比较简单

.pageLinkBtn

{

paddingLeft:0;

paddingRight:0;

paddingTop:0;

paddingBottom:0;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: