flex 客户端分页

Main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:file="file.*">
<mx:Script>
<!--[CDATA[
import simPager.PagerEvent;
import mx.collections.ArrayCollection;
[Bindable]
private var arr:ArrayCollection = new ArrayCollection([
{A:1, B:20, selected:false, label:"one"},
{A:2, B:20, selected:false, label:"two"},
{A:3, B:20, selected:true, label:"three"},
{A:4, B:20, selected:true, label:"four"},
{A:5, B:20, selected:true, label:"five"},
{A:6, B:20, selected:true, label:"six"},
{A:7, B:20, selected:true, label:"seven"},
{A:8, B:20, selected:true, label:"eight"},
{A:9, B:20, selected:true, label:"nine"},
{A:10, B:20, selected:true, label:"ten"},
{A:11, B:20, selected:true, label:"Hello"},
{A:12, B:20, selected:true, label:"Hello"},
{A:13, B:20, selected:true, label:"Hello"},
{A:14, B:20, selected:true, label:"Hello"},
{A:15, B:20, selected:true, label:"Hello"},
{A:16, B:20, selected:false, label:"Hello"},
{A:17, B:20, selected:false, label:"Hello"},
{A:18, B:20, selected:true, label:"seven"},
{A:19, B:20, selected:true, label:"eight"},
{A:20, B:20, selected:true, label:"nine"},
{A:21, B:20, selected:true, label:"ten"},
{A:22, B:20, selected:true, label:"Hello"},
{A:23, B:20, selected:true, label:"Hello"},
{A:24, B:20, selected:true, label:"Hello"},
{A:25, B:20, selected:true, label:"Hello"},
{A:26, B:20, selected:true, label:"Hello"},
{A:27, B:20, selected:false, label:"Hello"},
{A:28, B:20, selected:false, label:"Hello"}
]);

private function initData():void{
this.pbar.dataGrid=dg2;
this.pbar.orgData=arr;
this.pbar.dataBind();
}
]]-->
</mx:Script>
<mx:Panel width="704" height="296" layout="abso