在ASP.Net中创建动态表格

80酷酷网    80kuku.com

  asp.net|创建|动态

    摘要: DataGrid 控件是与 ASP.net Page Framework 一起发行的数据绑定的服务器控件。本文使用 DataGrid 来建立包含动态表格视图的 Web 页面。还探讨控件所提供功能的各个方面,包括选择、删除、分页和模板列 ,而控件就是使用这些功能来建立最终的页面的。
  
    简介
  
    DataGrid 控件可以用于若干个只读数据。该控件可用于数据表格布局的输出进行简化。还提供多个机制,用于通过超级链接及其对选择、排序、分页和原地编辑和其它特性的支持,为输出添加交互性。这使得该控件在若干的常见 Web 应用方案中很有用,诸如列表、购物车和查询结果。
  
    DataGrid 还提供一些功能,这些功能具有 ASP.NET 架构所特有的所有服务器控件的特点。该控件包含进行与浏览器无关的输出所需的逻辑,同时提供了一个统一的编程模型,从而能够处理回传数据,以及对请求之间的状态进行管理。这样,开发者就可以针对带有属性、方法和事件的对象模型进行编程,而不必处理直接用 HTML编程所带来的不一致性和复杂性。
  
    我们要建立什么?
  
    本文举出了一系列的示例页面,彼此结合,从而最终生成一个页面,该页面以示例数据库的 Authors 表和 Titles 表为依据,提供主/详细资料视图(该数据库随 Microsoft SQL Server?2000 一起发运)。序列中的每个页面均介绍 DataGrid 控件的一个新的特性或功能。下图从 pubs 数据库抽取出来的。
  主/详细资料视图似于 Microsoft Access 所介绍的窗体/子窗体概念。也类似于随 Microsoft Visual InterDev 6.0 一起发表的 DataForm Wizard (数据窗体向导)。主/详细资料视图显示一到多的关系结果,其中视图的一个部分显示第一个查询或主查询的结果。然后跟踪一个选择,以筛选所使用的第二个查询的结果,从而在视图的另一部分显示选择内容的详细资料。
  
  
  
  图 1. 完成的页面
    
    图 1 将 Author 列表显示在页面的上半部分,并将关于所选作者的详细资料(包括相关书名)显示在下半部分。 Authors 列表和 Titles 均是用 DataGrid 控件加以表示的。 显示作者的 DataGrid 举例说明如何进行选择、排序、和分页。显示书名的 DataGrid 演示如何进行原地编辑、格式化和定制列。
  
    数据访问
  
    为了使示例自成一体,从 SQL Server 抽取数据并将该数据连同其架构信息一同保留为一个 XML 文件 TitlesDB.XML。下面是该文件的一个片断。
  
  <root>
  <schema id="DocumentElement" targetNamespace=""
  xmlns="http://www.w3.org/1999/XMLSchema"
  xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
  <element name="Author">
  <complexType content="elementOnly">
  <element name="au_id" type="string" minOccurs="1"
  maxOccurs="1"></element>
  <element name="au_name" type="string" minOccurs="1"
  maxOccurs="1"></element>
  <element name="address" type="string" minOccurs="0"
  maxOccurs="1"></element>
  <element name="city" type="string" minOccurs="0"
  maxOccurs="1"></element>
  <element name="state" type="string" minOccurs="0"
  maxOccurs="1"></element>
  <element name="zip" type="string" minOccurs="0"
  maxOccurs="1"></element>
  <element name="phone" type="string" minOccurs="0"
  maxOccurs="1"></element>
  </complexType>
  <unique name="AuthorConstraint" msdata:PrimaryKey="True">
  <selector>.</selector>
  <field>au_id</field>
  </unique>
  </element>
  
  <element name="Title">
  <complexType content="elementOnly">
  <element name="title_id" type="string" minOccurs="1"
  maxOccurs="1"></element>
  <element name="au_id" type="string" minOccurs="1"
  maxOccurs="1"></element>
  <element name="title" type="string" minOccurs="1"
  maxOccurs="1"></element>
  <element name="price" msdata:DataType="System.Currency"
  type="string"
  minOccurs="1" maxOccurs="1"></element>
  <element name="pubdate" type="timeInstant" minOccurs="1"
  maxOccurs="1"></element>
  </complexType>
  <unique name="TitleConstraint" msdata:PrimaryKey="True">
  <selector>.</selector>
  <field>title_id</field>
  </unique>
  <key name="AuthorTitle">
  <selector>../Author</selector>
  <field>au_id</field>
  </key>
  <keyref refer="AuthorTitle">
  <selector>.</selector>
  <field>au_id</field>
  </keyref>
  </element>
  </schema>
  <DocumentElement>
  <Author>
  <au_id>154-00-1300</au_id>
  <au_name>John Doe</au_name>
  <phone>425 705 1234</phone>
  <address>One Microsoft Way</address>
  <city>Redmond</city>
  <state>CA</state>
  <zip>98005</zip>
  </Author>
  <Title>
  <title_id>BU1032</title_id>
  <au_id>213-46-8915</au_id>
  <title>The Busy Executive's Database Guide</title>
  <price>19.99</price>
  <pubdate>1991-06-12T07:00:00</pubdate>
  </Title>
  </DocumentElement>
  </root> 
   这些样例简化了数据访问,从而将重点全部放在 DataGrid 的使用上。上面的 XML 被加载进一个 DataSet。 DataSet 为数据提供高速缓存,从而可以进行筛选、排序和编辑等等各种操作。下面的代码来自 Global.asax,用于加载 DataSet 和将其保存为 Session 状态。 
   
   public void Session_OnStart() {
  // 将样例中所用的数据载入会话范围的 DataSet.
  
  FileStream fs = null;
  DataSet ds = null;
  try {
  fs = new FileStream(Server.MapPath("Data\\TitlesDB.xml"),
  FileMode.Open, FileAccess.Read);
  ds = new DataSet();
  ds.ReadXml(fs);
  } finally {
  if (fs != null) {
  fs.Close();
  fs = null;
  }
  }
  Session["AppData"] = ds;
  } 

[1] [2] [3] [4] [5] [6] 下一页  

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: