使用ASP.NET Atlas ListView控件显示列表数据(1)

     English Version: http://dflying.dflying.net/1/archive/113_display_listible_data_using_aspnet_atlas_listview_control.html
  
  在这个系列中，我将介绍一些Atlas Sys.UI.Data中较高级的控件，包括：
  
  Sys.UI.Data.ListView：使用ASP.NET Atlas ListView控件显示列表数据
  Sys.UI.Data.ItemView：待续
  Sys.UI.Data.DataNavigator：待续
  Sys.UI.Data.XSLTView：待续
  这篇是其中的第一篇：使用ASP.NET Atlas ListView控件显示列表数据
  
  在目前的大部分Web程序中，我们都需要显示给用户一些列表数据。ASP.NET中的GridView服务器控件提供了这种功能，Atlas中的客户端控件ListView也可以在客户端提供类似功能，并以AJAX方式运行。虽然您可以使用传统的GridView控件加上Atlas的UpdatePanel提供同样的AJAX运行方式，但是这种实现方式较低效，也不是“纯粹”的Atlas方法。推荐的方法是采用Atlas的客户端控件ListView来代替。不要担心，Atlas的ListView控件和GridView一样简单，而其二者在很多概念方面是相似的，例如ItemTemplate。但是需要注意的是目前IDE中并没有提供对Atlas脚本的智能感知功能，加之Atlas脚本也没有编译时期检查，所以在书写代码的时候应该格外小心。
  
  使用ListView的时候应该提供给其一些必要的模版（Template），以告诉Atlas应该如何渲染您的内容。ListView中有如下模版：
  
  layoutTemplate：这个模版用来渲染包含列表项目的容器（例如使用<table>标记），列表的头部（例如使用<thead>标记），尾部等。您必须为ListView指定一个layoutTemplate。而且这个模版必须包含一个itemTemplate模版，也可选包含一个separatorTemplate模版。
  itemTemplate：这个模版用来渲染列表中的一个项目（例如使用<tr>标记）。这个模版必须被置于layoutTemplate中。
  separatorTemplate：这个模版用来渲染列表中的项目之间的分隔元素（例如使用<hr>标记）。这个模版必须被置于layoutTemplate中。
  emptyTemplate.：这个模版用来渲染没有项目存在时的ListView。此时可能与该ListView相关的DataSource对象中没有项目，或是正在从服务器中取得的过程中。
  ListView中还有一些属性：
  
  itemCssClass：指定项目条目的css class。
  alternatingItemCssClass：指定间隔的项目条目的css class。
  selectedItemCssClass：指定被选中的项目条目的css class。
  separatorCssClass：指定分隔元素的css class。
  itemTemplateParentElementId：这个属性指定了itemTemplate和separatorTemplate的父元素。这样itemTemplate和separatorTemplate元素就可以在其中被重复渲染。
  OK，让我们通过一个实例来说明如何使用ListView控件：
  
  首先，我们编写一个返回.NET中DataTable的Web Service。注意到在这里将继承于Microsoft.Web.Services.DataService基类，并且为service方法加上定义在名称空间System.ComponentModel中的属性DataObjectMethod。在service方法的开头，我们使用System.Threading.Thread.Sleep(2000)来模拟2秒钟的网络延迟，以便可以看到emptyTemplate中的内容。
  
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  public class MyService : Microsoft.Web.Services.DataService {
  
   [DataObjectMethod(DataObjectMethodType.Select)]
   public DataTable GetListData()
   {
   System.Threading.Thread.Sleep(2000);
  
   DataTable dt = new DataTable("MyListData");
   dt.Columns.Add("Name", typeof(string));
   dt.Columns.Add("Email", typeof(string));
   DataRow newRow;
   for (int i = 0; i < 5; ++i)
   {
   newRow = dt.NewRow();
   newRow["Name"] = string.Format("Dflying {0}", i);
   newRow["Email"] = string.Format("Dflying{0}@dflying.net", i);
   dt.Rows.Add(newRow);
   }
   return dt;
   }
  }
  
  
    做人要厚道，请注明转自chinazhan中国站长(www.ChinaZhan.com)。