如何实现Flex数据分页查询

这篇文章主要讲解了“如何实现Flex数据分页查询”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何实现Flex数据分页查询”吧！

首先看下Flex数据分页查询需要的应用效果<!--[if !vml]-->

<!--[endif]-->

实际功能包括对Customer进行条件和Flex数据分页查询，客户相关国家数据查询。

<!--[if !supportLists]-->l        <!--[endif]-->服务端功能处理  <!--[if !supportLists]-->u     <!--[endif]-->根据逻辑定义相关数据操作实体类      [Table("Customers")]      interface ICustomer      {          [ID]          string CustomerID { get; set; }          [Column]          string CompanyName { get; set; }          [Column]         string ContactName { get; set; }          [Column]          string ContactTitle { get; set; }          [Column]          string Address { get; set; }          [Column]          string City { get; set; }         [Column]          string Region { get; set; }          [Column]         string PostalCode { get; set; }          [Column]          string Country { get; set; }          [Column]          string Phone { get; set; }         [Column]          string Fax { get; set; }      }      [Table("Customers",DISTINCT=true)]      interface ICountry      {          [Column("Country")]          string Name { get; set; }  }  <!--[if !supportLists]-->u     <!--[endif]-->定义逻辑方法     [Service]      public class CustomerService      {          public IList<Customer> List(string matchCompanyName,string country, [Output]DataPage datapage)          {              Expression exp = new Expression();              if (!string.IsNullOrEmpty(matchCompanyName))                  exp &= Customer.contactName.Match(matchCompanyName);              if (!string.IsNullOrEmpty(country))                  exp &= Customer.country == country;              datapage.RecordCount = exp.Count<Customer>();              return exp.List<Customer>(new Region(datapage.PageIndex,datapage.PageSize));          }          public IList<Country> ListCountry()          {              Expression exp = new Expression();              return exp.List<Country>();          }  }  <!--[if !supportLists]-->l        <!--[endif]-->Flex功能处理  <!--[if !supportLists]-->u     <!--[endif]-->定义AS逻辑代理方法      import Core.Utility;      /**      * Action Script调用方法生成工具1.0  生成时间:2009-7-27 21:39:39      */     public dynamic class CustomerService_List      {         public var Callback:Function;         public var matchCompanyName:Object;         public var country:Object;        public var PageIndex:Object;         public var PageSize:Object;        public var RecordCount:Object;         public var PageCount:Object;         public var OrderField:Object;         public function Execute(method:String="get"):void         {             this._TimeSlice = new Date();             Utility.CallMethod("CustomerService_List",this,Callback,method);         }      }      import Core.Utility;      /**      * Action Script调用方法生成工具1.0  生成时间:2009-7-27 21:39:43      */      public dynamic class CustomerService_ListCountry      {         public var Callback:Function;         public function Execute(method:String="get"):void         {            this._TimeSlice = new Date();             Utility.CallMethod("CustomerService_ListCountry",this,Callback,method);         }      }  <!--[if !supportLists]-->u     <!--[endif]-->在界面定义逻辑操作对象     <mx:Script>        <![CDATA[             [Bindable]             private var Customers:Object = new ArrayCollection();             [Bindable]             private var Countrys:Object = new ArrayCollection();             private var getCustomer = new CustomerService_List();             private var getCountry = new CustomerService_ListCountry();         ]]>     mx:Script> <!--[if !supportLists]-->u     <!--[endif]-->设置国家Combox数据源绑定  <mx:ComboBox id="txtCountry"  dataProvider="{Countrys}"    labelField="Name" editable="true" width="135"   color="#000000">mx:ComboBox> <!--[if !supportLists]-->u     <!--[endif]-->设置客户查询数据源绑定      <mx:DataGrid dataProvider="{Customers}" width="100%" height="100%">        <mx:columns>            <mx:DataGridColumn headerText="CustomerID" dataField="CustomerID"/>            <mx:DataGridColumn headerText="CompanyName" dataField="CompanyName"/>            <mx:DataGridColumn headerText="ContactName" dataField="ContactName"/>            <mx:DataGridColumn headerText="ContactTitle" dataField="ContactTitle"/>            <mx:DataGridColumn headerText="Address" dataField="Address"/>            <mx:DataGridColumn headerText="City" dataField="City"/>            <mx:DataGridColumn headerText="Region" dataField="Region"/>            <mx:DataGridColumn headerText="PostalCode" dataField="PostalCode"/>            <mx:DataGridColumn headerText="Country" dataField="Country"/>            <mx:DataGridColumn headerText="Phone" dataField="Phone"/>            <mx:DataGridColumn headerText="Fax" dataField="Fax"/>        mx:columns>     mx:DataGrid> <!--[if !supportLists]-->u     <!--[endif]-->在界面初始化事件中定义相关方法加调处理      <mx:initialize>        <![CDATA[             getCountry.Callback= function(result:XML,err:Boolean){                  Countrys= result.Data.Country;             };                   getCustomer.Callback = function(result:XML,err:Boolean){                Customers = result.Data.Customer;                if(getCustomer.FristSearch)               {                    dp.Open(getCustomer.PageSize ,result.Properties.datapage.RecordCount)                }             };             getCustomer.PageSize=10;             getCustomer.FristSearch = true;             getCountry.Execute();            getCustomer.Execute();         ]]>     mx:initialize> <!--[if !supportLists]-->u     <!--[endif]-->查询按钮相关功能处理         <mx:Button label="Search" icon="@Embed(source='Search.png')">            <mx:click>              <![CDATA[                   getCustomer.FristSearch = true;                    getCustomer.matchCompanyName = txtCompanyName.text;                    getCustomer.country = txtCountry.text;                    getCustomer.PageIndex =0;                    getCustomer.Execute();                ]]>            mx:click>     mx:Button>

其实Flex做应用开发效率还是挺高的，特别当你熟了MXML后基于不用在UI设计器和MXML间切换所带来的麻烦。由于Flex直接支持CSS文件来描述，所以在开发过程基本不用管样式，到***把设计人员搞好的CSS直接引用到Application里即可。顺便推荐一个Flex的样式主题站http://www.scalenine.com/gallery/ 提供一些免费的主题。Flex数据分页查询最终实现。

感谢各位的阅读，以上就是“如何实现Flex数据分页查询”的内容了，经过本文的学习后，相信大家对如何实现Flex数据分页查询这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！