云上的日子-ASP 与 XML (三)

IE 5.0如何支援XML呢？
IE 5.0支援XML，包括IE 5.0 XML Data Islands和Databinding，以及XSL（eXtensible Stylesheet Language）Stylesheets。

Databinding

將XML資料透過DSO（Data Source Object），可以將資料Databinding到html標記碼上。方法如下：

² datasrc：定義資料來源。

² datafld：定義欄位。

使用<xml src="booksorder.xml">方法以載入一個XML檔案booksorder.xml，如下：

接著於<table>中由datasrc定義資料來源為剛才定義之DSO，如下：

每一個<span>中由datafld定義欄位為TITLE、AUTHOR、PUBLISHER、PRICE、QUANTITY，如下：

…

…

譬如HTML程式碼如下：

<th>Title</th>

<th>Author</th>

<th>Publisher</th>

<th>Price</th>

</thead>

<tr>

</tr>

</table>

<A Href="booksorder.xml" Target="_blank">XML Data

其中所載入的booksorder.xml檔案內容如下：

<?xml version="1.0" encoding="BIG5" standalone="yes" ?>

<TITLE>ASP網站熱門應用技術</TITLE>

</book>

<TITLE>微軟熱門Web技術速成班</TITLE>

</book>

…

</booksorder>

又譬如HTML程式碼，如下：

<html>

</table>

<A Href="booksorder.xml" Target="_blank">XML Data

</html>

每一個<DIV>中由datafld定義欄位為TITLE、AUTHOR、PUBLISHER、PRICE、QUANTITY。

階層式XML

IE 5.0也支援階層式XML，譬如XML檔案內容如下：

<?xml version="1.0" encoding="BIG5" standalone="yes" ?>

<ORDER>

<ITEM>

<ProductName>ASP網站熱門應用技術 </ProductName>

</ITEM>

<ITEM>

<ProductName>微軟熱門Web技術速成班</ProductName>

</ITEM>

</ORDER>

<ORDER>

<ITEM>

<ProductName>動態網頁設計 99 招 PART 2</ProductName>

</ITEM>

</ORDER>

<ORDER>

<ITEM>

<ProductName>微軟熱門Web技術速成班</ProductName>

</ITEM>

<ITEM>

<ProductName>ASP網站熱門應用技術 </ProductName>

</ITEM>

</ORDER>

…

</ALLORDERID>

讓我們看一個例子，譬如HTML程式碼如下：

<html>

<tr>

<td>ORDERID: <span datafld="ORDERID"></span></td>

</tr>

</tr>

</table>

</td></tr>

</table>

<A Href="booksorder3.xml" Target="_blank">XML Data

</html>

使用<xml src="booksorder3.xml">方法以載入一個XML檔案booksorder3.xml，接著於<table>中由datasrc定義資料來源為剛才定義之DSO，<span>中由datafld定義欄位為ORDERID；再於所包括的<table>中由datasrc定義資料來源為剛才定義之DSO，每一個<span>中由datafld定義欄位為ProductName、UnitPrice、Quantity。

Recordset

將XML資料透過DSO（Data Source Object），可以將資料Databinding到html標記碼上，Data Source Object可使用Recordset方法如下：

² rs.MoveNext（）：移到下一筆資料。

² rs.MovePrevious（）：移到上一筆資料。

² rs.MoveFirst（）：移到第一筆資料。

² rs.MoveLast（）：移到第末筆資料。

² rs.（“欄位名稱”）：欄位值。

² rs.AddNew（）：新增。

² rs.Update（）：修改。

² rs.Delete（）：刪除。

HTML程式碼如下：

<html>

<th>Title</th>

<th>Author</th>

<th>Publisher</th>

<th>Price</th>

</thead>

<tr>

</tr>

<tfoot>

<th align="right">Total</th>

</tfoot>

</table>

<A Href="booksorder.xml" Target="_blank">XML Data

function DoCalc（）

{

doc = xmldso1.XMLDocument;

if（doc.documentElement == null）

error.innerText = doc.parseError.reason;

else

{

var rs = xmldso1.recordset;

rs.MoveFirst（）;

var t= 0;

while（! rs.eof）

{

t+= rs（"QUANTITY"）* rs（"PRICE"）;

rs.MoveNext（）;

}

t = parseInt（t*100）/100;

tspan = document.all（"total"）;

if（tspan）

{

tspan.innerText = t;

}

return t;

}

</script>

</html>

當於Qty欄位輸入後離開時將執行DoCalc（）函數，使用rs.MoveFirst（）方法移到第一筆資料和rs.MoveNext（）方法移到下一筆資料，由rs（"QUANTITY"）* rs（"PRICE"）以計算總和。

<object…>

除了如上例直接由<xml src=…>載入一個XML檔案的方法外，也可以使用DSO（Data Source Object）ActiveX Control和使用doc.load（"booksorder.xml"）方法以載入一個XML檔案。

使用DSO（Data Source Object）ActiveX Control方法以載入一個XML檔案，如下：

xmldso1.JavaDSOCompatible = true;

var doc = xmldso1.XMLDocument;

doc.load（"booksorder.xml"）;

if（doc.parseError.errorCode != 0）

error.innerText = doc.parseError.reason;

</script>

讓我們再看一個例子，譬如HTML程式碼如下：

<html>

<body>

</object>

xmldso1.JavaDSOCompatible = true;

var doc = xmldso1.XMLDocument;

doc.load（"booksorder.xml"）;

if（doc.parseError.errorCode != 0）

error.innerText = doc.parseError.reason;

</script>

<table>

</table>

<A Href="booksorder.xml" Target="_blank">XML Data

</body>

</html>

按下「下一筆」按鈕時，顯示下一筆資料。

說明如下，首先使用一個XML之DSO（Data Source Object）ActiveX Control，如下：

</object>

var doc = xmldso1.XMLDocument定義doc為剛才DSO之XML文件，以使用XML Parser，再使用doc.load（"booksorder.xml"）方法以載入一個XML檔案booksorder.xml，由parseError.errorCode可以得知是否載入錯誤，若有錯誤，由parseError.errorCode得知錯誤碼，若不等於0表示有錯誤，parseError.reason得知錯誤原因。

接著於每一個<div>中由datasrc定義資料來源為剛才定義之DSO，由datafld定義欄位為TITLE、AUTHOR、PUBLISHER、PRICE、QUANTITY，如下：

<table>

</table>

即可顯示一筆XML資料。

按下「下一筆」按鈕時，使用recordset.movenext（）方法，顯示下一筆資料；按下「上一筆」按鈕時，使用recordset.moveprevious（）方法，顯示上一筆資料，如下：

新增修改刪除

讓我們再看一個新增修改刪除的例子，譬如HTML程式碼如下：

<html>

<tr><td width="100">TITLE</td>

</tr><tr><td width="100">AUTHOR</td>

</tr><tr><td width="100">PUBLISHER</td>

</tr><tr><td width="100">PRICE</td>

</tr><tr><td width="100">QUANTITY</td>

</tr>

</table>

<A Href="booksorder.xml" Target="_blank">XML Data

</html>

按下「第一筆」、「上一筆」、「下一筆」、「最末筆」、「新增」、「修改」、「刪除」按鈕時，使用movefirst（）、moveprevious（）、movenext（）、movelast（）、AddNew（）、Update（）、Delete（）方法，如下：

Data Islands範例

IE 5.0支援Data Islands，可於數個XML檔案中切換資料，譬如XML檔案內容如下：

<?xml version="1.0" encoding="BIG5" standalone="yes" ?>

<title>ASP網站熱門應用技術</title>

<first-name>世雄</first-name>

<last-name>周</last-name>

</author>

</book>

<title>微軟熱門Web技術速成班</title>

<first-name>世雄</first-name>

<last-name>周</last-name>

</author>

</book>

<title>動態網頁設計 99 招 PART 2</title>

<title>動態網頁設計 99 招 PART 3</title>

<first-name>世雄</first-name>

<last-name>周</last-name>

</author>

</book>

</bookstore>

XML檔案內容如下：

<?xml version="1.0" encoding="BIG5" standalone="yes" ?>

<xml>

<book>

<title>動態網頁設計 99 招 PART 2</title>

</book>

<book>

<title>動態網頁設計 99 招 PART 3</title>

</book>

</xml>

學會了嗎？

WebFlow

筆者參予設計的WebFlow辦公室自動化流程系統軟體，也推出了Windows 2000版本，運用了Windows 2000的IIS 5.0、ADSI、COM+、Certificate Services等技術，有興趣的讀者可上網www.asp.com.tw下載試用。另外，探討IIS 5.0的新書「IIS 5.0超級網站速成班」也將出版。

导航

2005-6-15 10:9:30

ASP 与 XML (三)

Tags:

发布:ddn100 | 分类:XML | 评论:0 | 引用:0 | 浏览:

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Devo Build 80108

Copyright © 2006-2011 9ba.Cn. All Rights Reserved. 京ICP备05058609号

导航

2005-6-15 10:9:30

ASP 与 XML (三)

Tags:

发布:ddn100 | 分类:XML | 评论:0 | 引用:0 | 浏览: strBatchCount+="spn128=128,"

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Devo Build 80108

Copyright © 2006-2011 9ba.Cn. All Rights Reserved. 京ICP备05058609号

发布:ddn100 | 分类:XML | 评论:0 | 引用:0 | 浏览: