PagingLinkBar

From Openzet

Contents 1 Introduction 2 Property 3  Usage 4  Application Example

Introduction

PagingLinkBar extends NavBar to navigate through a lot of data with paging indexes.  

Property

var pagingLinkBar:PagingLinkBar;
 
pagingLinkBar.totalCount= 100;
pagingLinkBar.currentPage=1;
pagingLinkBar.fetchSize=10;
pagingLinkBar.numPages=5;

PagingLinkBar uses above 4 properties. totalCount property is to specify total data count, fetchSize is for dataCount per page, numPages for how many page indexes to show at a time and currentPage property is a reference to the current page.

 Usage

<zet:PagingLinkBar pageClick="pageClickHandler(event)" />

PagingLinkBar dispatches PagingEvent whenever a page index ils clicked, which contains newPage information. Using this event, you can dynamically change current view of the application.

 Application Example

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:zet="org.openzet.controls.*"
 layout="vertical">
 <mx:Panel title="ZetDateField">
 <mx:Script>
 <![CDATA[
 import org.openzet.events.PagingEvent;
 import mx.controls.Alert;
 public function pageClickHandler(event:PagingEvent):void
 {
 Alert.show("page : " + event.newPage);
 }
 ]]>
 </mx:Script>
 <zet:PagingLinkBar 
 totalCount="100" 
 currentPage="1" 
 fetchSize="10" 
 numPages="5" 
 pageClick="pageClickHandler(event)"/>
 </mx:Panel>
</mx:Application>