使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航(1)
点击次数:18 次 发布日期:2008-11-26 12:42:05 作者:源代码网
|
源代码网推荐 源代码网推荐 在这个系列中,我将介绍一些Atlas Sys.UI.Data中较高级的控件,包括: 源代码网推荐 源代码网推荐 Sys.UI.Data.ListView:使用ASP.NET Atlas ListView控件显示列表数据 源代码网推荐 Sys.UI.Data.ItemView:使用ASP.NET Atlas ItemView控件显示集合中的单个数据 源代码网推荐 Sys.UI.Data.DataNavigator:使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航 源代码网推荐 Sys.UI.Data.SortBehavior:待续 源代码网推荐 源代码网推荐 Sys.UI.Data.XSLTView:待续 源代码网推荐 这篇是其中的第三篇:使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航 源代码网推荐 把所有的记录统统放在一个页面上绝对不是一个好主意,特别是当您有成百上千条记录时。您的用户需要不停的拖动滚动条,甚至使用Control+F来找到所期待的内容,这将带来相当差的用户体验。这时,将数据以分页的方式显示给用户将友好的多。一些ASP.NET服务器端控件拥有内建的分页及页面导航功能,例如DataGrid和GridView。同样的,Atlas客户端控件Sys.UI.Data.DataNavigator也提供了类似的功能,这将大大提高我们的开发效率。 源代码网推荐 源代码网推荐 DataNavigator控件将与DataView(请参考:Atlas命名空间Sys.Data下控件介绍——DataView和DataFilter )控件一起工作。我们知道DataView控件没有提供页面导航相关方法,所以我们只能直接设置它的pageIndex属性来实现导航。虽然没有什么难度,但很多情况下这并不是一个好办法,因为像我这样好多粗心的开发者往往会忘记检查pageIndex的边界值,造成不必要的麻烦。这也是Atlas要提供DataNavigator控件的原因之一,DataNavigator控件将作为一个DataView控件的代理(proxy),提供易用的页面导航接口。 源代码网推荐 源代码网推荐 DataNavigator对象只有一个属性: 源代码网推荐 源代码网推荐 dataView:对某个DataView对象的引用,这个DataNavigator将把页面导航的操作应用到其上。您应该总是指定这个属性。 源代码网推荐 另外,要使用DataNavigator控件,您还需要提供一些拥有一些指定commandName属性的Atlas Button,以触发相应的页面导航操作。这些Button的parent属性应该设定为此DataNavigator控件,以保证DataNavigator能够捕获到这些Button发出的命令。 源代码网推荐 源代码网推荐 您可以指定您的Button的commandName属性为如下五个string,每个都有不同的含义: 源代码网推荐 源代码网推荐 page:将当前页面索引转为命令参数(command argument)中指定的值。通过这个命令我们可以快速的改变页面的索引。 源代码网推荐 nextpage:切换到下一页(如果存在下一页)。 源代码网推荐 previouspage:切换到上一页(如果存在上一页)。 源代码网推荐 firstpage:切换到第一页。 源代码网推荐 lastpage:切换到最后一页。 源代码网推荐 OK,MSDN般枯燥的介绍到此为止吧,让我们通过一个实例来熟悉DataNavigator的使用方法。 源代码网推荐 源代码网推荐 首先我们需要暴露一个Web Service,以便Atlas页面使用。该Web Service将返回100条记录。下面就是这个Web Service的代码,非常易于理解,这里不赘。 源代码网推荐 源代码网推荐 Web Service 源代码网推荐 using System; 源代码网推荐 using System.Collections; 源代码网推荐 using System.Collections.Generic; 源代码网推荐 using System.ComponentModel; 源代码网推荐 using System.IO; 源代码网推荐 using System.Web; 源代码网推荐 using System.Web.Caching; 源代码网推荐 using System.Web.Services; 源代码网推荐 using System.Web.Services.Protocols; 源代码网推荐 using Microsoft.Web.Services; 源代码网推荐 源代码网推荐 // 源代码网推荐 // For simplicity this example demonstraes storing and manipulating 源代码网推荐 // the data objects in memory. A database can also be used. 源代码网推荐 // 源代码网推荐 源代码网推荐 [WebService(Namespace = "http://tempuri.org/")] 源代码网推荐 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 源代码网推荐 public class MyDataService : DataService 源代码网推荐 { 源代码网推荐 static List<Entry> _data; 源代码网推荐 static object _dataLock = new object(); 源代码网推荐 源代码网推荐 private static List<Entry> Data 源代码网推荐 { 源代码网推荐 get 源代码网推荐 { 源代码网推荐 if (_data == null) 源代码网推荐 { 源代码网推荐 lock (_dataLock) 源代码网推荐 { 源代码网推荐 if (_data == null) 源代码网推荐 { 源代码网推荐 _data = new List<Entry>(); 源代码网推荐 for (int i = 0; i < 100; i++) 源代码网推荐 { 源代码网推荐 _data.Add(new Entry(i, "Dflying " + i.ToString(), string.Format("Dflying{0}@dflying.net", i.ToString()))); 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 return _data; 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 [DataObjectMethod(DataObjectMethodType.Select)] 源代码网推荐 public Entry[] SelectRows() 源代码网推荐 { 源代码网推荐 return MyDataService.Data.ToArray(); 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 public class Entry 源代码网推荐 { 源代码网推荐 private string _name; 源代码网推荐 private string _email; 源代码网推荐 private int _id; 源代码网推荐 源代码网推荐 [DataObjectField(true, true)] 源代码网推荐 public int Id 源代码网推荐 { 源代码网推荐 get { return _id; } 源代码网推荐 set { _id = value; } 源代码网推荐 } 源代码网推荐 源代码网推荐 [DataObjectField(false)] 源代码网推荐 [DefaultValue("New row")] 源代码网推荐 public string Name 源代码网推荐 { 源代码网推荐 get { return _name; } 源代码网推荐 set { _name = value; } 源代码网推荐 } 源代码网推荐 源代码网推荐 [DataObjectField(false)] 源代码网推荐 [DefaultValue("")] 源代码网推荐 public string Email 源代码网推荐 { 源代码网推荐 get { return _email; } 源代码网推荐 set { _email = value; } 源代码网推荐 } 源代码网推荐 源代码网推荐 public Entry() 源代码网推荐 { 源代码网推荐 _id = -1; 源代码网推荐 } 源代码网推荐 源代码网推荐 public Entry(int id, string name, string description) 源代码网推荐 { 源代码网推荐 _id = id; 源代码网推荐 _name = name; 源代码网推荐 _email = description; 源代码网推荐 } 源代码网推荐 } 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 源代码网推荐 做人要厚道,请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
