随笔- 313  评论- 12176  文章- 1 

使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据

English Version: http://dflying.dflying.net/1/archive/129_apply_xslt_to_xml_using_aspnet_atlas_xsltview_control.html

在这个系列中,我将介绍一些Atlas Sys.UI.Data中较高级的控件,包括:

  1. Sys.UI.Data.ListView使用ASP.NET Atlas ListView控件显示列表数据
  2. Sys.UI.Data.ItemView使用ASP.NET Atlas ItemView控件显示集合中的单个数据
  3. Sys.UI.Data.DataNavigator使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航 
  4. Sys.UI.Data.SortBehavior使用ASP.NET Atlas SortBehavior实现客户端排序
  5. Sys.UI.Data.XSLTView使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据
这篇是其中的第五篇,也是最后一篇:使用ASP.NET Atlas XSLTView控件用XSLT修饰并显示XML数据

XSLT是一种修饰XML显示的样式语言,它可以将XML文件中的数据添加修饰(样式,布局等)后输出,我们熟悉的CSDN论坛中的帖子就采用了XSLT的修饰。更多的XSLT信息,请访问W3C的XSLT标准:http://www.w3.org/TR/xslt

Atlas中提供了XMLDataSource控件(请参考:Atlas命名空间Sys.Data下控件介绍——DataSource和XMLDataSource)和XSLTView控件,您可以使用他们从服务器取得XML以及XSLT数据,将XSLT样式应用到XML数据中并显示给用户。这是个很有用的功能,例如,您可以在编写在线RSS Feed阅读程序中使用它。

XSLTView控件有如下几个属性:

  1. document:存放XML数据的XML document对象。您可以使用Atlas客户端控件XMLDataSource从服务器获取XML数据。您应该总是设定这个属性。
  2. transform:存放XSLT数据的XML document对象。您同样可以使用XMLDataSource从服务器获取XSLT的数据。您应该总是设定这个属性。
  3. parameters:XSLT文件中定义的parameter,将用于渲染的过程。本属性为只读。关于XSLT中的parameter,请参考:http://www.w3schools.com/xsl/el_param.asp

还有如下方法:

  1. update:用XSLT渲染XML数据。这个方法将在XSLTView对象初始化时或以上属性改变时被自动调用。当然您可以在需要时手动调用。

OK,我们看一下下面的关于XSLTView控件和XMLDataSource控件的例子。

第一步是取得一些测试的数据,包含一个XML文件和一个XSLT文件。Google了一下,很容易在http://www.w3schools.com/xsl/xsl_client.asp中找到了一个简单的。在这个示例程序中,为简单起见,我就使用了原始的XML和XSLT文件。当然在实际的开发中,这两段数据都可以通过Web Service或者别的CGI动态生成。

下面是XML文件,将其存为MyData.xml。

XML Data

下面是XSLT文件,将其存为MyStyle.xsl。

XSLT File

下面我们来定义ASPX页面,有如下两个部分:

  1. Atlas服务器端控件ScriptManager。所有的Atlas页面中都需要包含这个控件以装载Atlas所必须的JavaScript文件。
  2. id为dataContent的<div>,将被Atlas用来输出渲染后的内容。

 

<!-- ScriptManager -->
<atlas:ScriptManager runat="server" ID="scriptManager" />

<!-- XSLTView here (container) -->
<div id="dataContent">
</div>

最后需要做的是在页面上添加Atlas脚本定义。有如下三个部分:

第一部分:一个XMLDataSource,用来从服务器取得XML数据。

<xmlDataSource id="dataSource" autoLoad="true" serviceURL="MyData.xml" />

第二部分:另一个XMLDataSource,用来从服务器取得XSLT数据。

<xmlDataSource id="xsltSource" autoLoad="true" serviceURL="MyStyle.xsl" />

第三部分:一个XSLTView控件,将XML数据用XSLT中的定义渲染后输出。注意到这里我们使用binding(关于binding,请参考:Atlas揭秘 —— 绑定(Binding))来设置这个XSLTView的documenttransform属性。

<xsltView id="dataContent">
    
<bindings>
        
<binding property="document" dataContext="dataSource" dataPath="document" />
        
<binding property="transform" dataContext="xsltSource" dataPath="document" />
    
</bindings>
</xsltView>

浏览器中运行:


上述示例代码可以在此处下载:http://www.cnblogs.com/Files/dflying/AtlasXSLTViewDemo.zip

posted on 2006-04-20 22:07  Dflying Chen  阅读(...)  评论(... 编辑 收藏