Atlas用XSLT修饰并显示XML数据-技术开发专区

Atlas用XSLT修饰并显示XML数据

作者：Dflying Chen 编辑：晓徐 2006-08-01 14:30

【IT168 技术文档】

    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
<?xml version="1.0" encoding="iso-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
</catalog>

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

XSLT File
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td>
<xsl:value-of select="title" />
</td>
<td>
<xsl:value-of select="artist" />
</td>
</tr>
</xsl:for-each>
</table>
</xsl:template>
</xsl:stylesheet>

下面我们来定义ASPX页面，有如下两个部分：

Atlas服务器端控件ScriptManager。所有的Atlas页面中都需要包含这个控件以装载Atlas所必须的JavaScript文件。
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的document 和transform属性。

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

浏览器中运行：

关注我们