VS2005里集成的WebBrowser控件,就是一個IE瀏覽器,如果想用它來相顯示XML字符串,并達到IE的效果,我總結(jié)了一下,有如下幾種方法:
文件顯示法:可以以文件的形式顯示!將你要顯示的XML串存到本地文件里,并將WebBrowser的Url屬性指向這個文件即可!這種方法簡易,有效,但不一定實用,因為大部分時間我們要做的工作是將一個XML流顯示出來。當(dāng)然,我們可以將XML流存到一個臨時文件里,之后再用第一種方法來顯示這個XML串;但是,我們還有更好的方法,不用在本地生成臨時文件!
首先,看看IE是怎樣顯示XML串的。當(dāng)我們用IE打開XML文件時,在IE里顯示的是一個按XML文檔格式縮進的,并可以折起和展開的XML字符串。其實IE只是用它內(nèi)嵌的XSLT文件,將XML轉(zhuǎn)成了我們看到的html代碼。那么同理,我們也可以將我們要顯示的XML字符串用XSLT轉(zhuǎn)換成html代碼,并賦給WebBrowser的DocumentText屬性。如果你是XSLT高手,那么你可以自己寫一段XSLT,之后用如下代碼來完成工作:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
using System.Xml;
using System.Xml.Xsl;
using System.IO;
namespace WindowsApplication
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void button1_Click(object sender, EventArgs e)
{
string xml = String.Empty; //Xml字符串
string xslt = String.Empty; //Xslt字符串
XmlReader reader = null; //要轉(zhuǎn)換的Xml
MemoryStream readerstream = new MemoryStream(); //要轉(zhuǎn)換的Xml流
XmlWriter writer = null; //轉(zhuǎn)換后的字符串
MemoryStream writerstream = new MemoryStream(); //轉(zhuǎn)換后的字符串流
XslCompiledTransform trans = new XslCompiledTransform(); //Xslt對象 System.Xml.Xsl命名空間下
MemoryStream stream = new MemoryStream(); //Xslt流
XmlReader xsltreader = null;
string returnValue = String.Empty; //轉(zhuǎn)換后的html代碼
byte[] byteArray = Encoding.UTF8.GetBytes(xslt);
try
{
//取得Xslt流
stream.Write(byteArray, 0, byteArray.Length);
xsltreader = XmlReader.Create(stream);
//取得要轉(zhuǎn)換的Xml流
byte[] byteXml = Encoding.UTF8.GetBytes(xml);
readerstream.Write(byteXml,0,byteXml.Length);
reader = XmlReader.Create(readerstream);
//取得轉(zhuǎn)換后的字符串流
writer = XmlWriter.Create(writerstream);
trans.Load(xsltreader);
trans.Transform(reader, writer);
writerstream.Position = 0;
returnValue = new StreamReader(writerstream).ReadToEnd();
this.webBrowser1.DocumentText = returnValue; //將html代碼賦給WebBrowser的DocumentText屬性
}
finally
{
readerstream.Close();
writerstream.Close();
stream.Close();
if (reader != null)
{
reader.Close();
}
if (writer != null)
{
writer.Close();
}
if (xsltreader != null)
{
xsltreader.Close();
}
}
}
}
}
如果很不幸,你跟我一樣,對XSLT并不十分精通,也沒有關(guān)系,你可以用Microsoft提供的defaultss.xsl文件,網(wǎng)上有很多文章介紹怎么得到這個文件。不過,如果你使用defaultss.xsl這個文件的話,就不能再用以上方法了,因為
XslCompiledTransform類的Load方法,只能讀取符合xslt 1.0標(biāo)準(zhǔn)的XSLT文件,但defualtss.xsl并不完全符合這個標(biāo)準(zhǔn)。那么,這時,我們可以采用另外一種方法,那就是引用COM!你可以引Microsoft XML 3.0 Parser(如果你本機安裝了的話),并使用如下方法完成工作:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
using System.Xml;
using System.Xml.Xsl;
using System.IO;
namespace WindowsApplication
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void button1_Click(object sender, EventArgs e)
{
MSXML2.DOMDocument30Class xml = new MSXML2.DOMDocument30Class(); //Xml對象
MSXML2.DOMDocument30Class xslt = new MSXML2.DOMDocument30Class(); //Xslt對象
xml.loadXML(""); //讀取Xml字符串
xslt.loadXML(""); //讀取Xslt字符串
this.webBrowser1.DocumentText = xml.transformNode(xslt); //將轉(zhuǎn)換的html字符串賦給WebBrowser控件
}
}
}
如果你不想有臨時文件,也不想引用COM的話,那么還有如下方法可供選擇,呵呵!
正如前邊所說,WebBrowser就像個IE,那么既然是IE,就會支持javascript,那么我們可以以客戶端調(diào)用的方式來實現(xiàn)Xml文件的轉(zhuǎn)換
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<STYLE>
BODY{font:x-small 'Verdana';margin-right:1.5em}
.c{cursor:hand}
.b{color:red;font-family:'Courier New';font-weight:bold;text-decoration:none}
.e{margin-left:1em;text-indent:-1em;margin-right:1em}
.k{margin-left:1em;text-indent:-1em;margin-right:1em}
.t{color:#990000}
.xt{color:#990099}
.ns{color:red}
.dt{color:green}
.m{color:blue}
.tx{font-weight:bold}
.db{text-indent:0px;margin-left:1em;margin-top:0px;margin-bottom:0px;padding-left:.3em;border-left:1px solid #CCCCCC;font:small Courier}
.di{font:small Courier}
.d{color:blue}
.pi{color:blue}
.cb{text-indent:0px;margin-left:1em;margin-top:0px;margin-bottom:0px;padding-left:.3em;font:small Courier;color:#888888}
.ci{font:small Courier;color:#888888}
PRE{margin:0px;display:inline}
</STYLE>
<SCRIPT>
function f(e){
if (e.className=="ci"){if (e.children(0).innerText.indexOf("\n")>0) fix(e,"cb");}
if (e.className=="di"){if (e.children(0).innerText.indexOf("\n")>0) fix(e,"db");}
e.id="";
}
function fix(e,cl){
e.className=cl;
e.style.display="block";
j=e.parentElement.children(0);
j.className="c";
k=j.children(0);
k.style.visibility="visible";
k.href="#";
}
function ch(e){
mark=e.children(0).children(0);
if (mark.innerText=="+"){
mark.innerText="-";
for (var i=1;i<e.children.length;i++)
e.children(i).style.display="block";
}
else if (mark.innerText=="-"){
mark.innerText="+";
for (var i=1;i<e.children.length;i++)
e.children(i).style.display="none";
}}
function ch2(e){
mark=e.children(0).children(0);
contents=e.children(1);
if (mark.innerText=="+"){
mark.innerText="-";
if (contents.className=="db"||contents.className=="cb")
contents.style.display="block";
else contents.style.display="inline";
}
else if (mark.innerText=="-"){
mark.innerText="+";
contents.style.display="none";
}}
function cl(){
e=window.event.srcElement;
if (e.className!="c"){e=e.parentElement;if (e.className!="c"){return;}}
e=e.parentElement;
if (e.className=="e") ch(e);
if (e.className=="k") ch2(e);
}
function ex(){}
function h(){window.status=" ";}
document.onclick=cl;
</SCRIPT>
<script language="javascript">
function showXML()
{
var xml = null; //xml 對象
var xsl = null; //xsl 對象
var xslstring = null; //xslt 字符串
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.loadXML("@@XML"); //讀取XML字符串
xslstring = "<?xml version=\"1.0\"?><x:stylesheet xmlns:x=\"http://www.w3.org/TR/WD-xsl\" xmlns:dt=\"urn:schemas-microsoft-com:datatypes\" xmlns:d2=\"uuid:C2F41010-65B3-11d1-A29F-00AA00C14882\"><x:template match=\"/\"><DIV class=\"st\"><x:apply-templates/></DIV></x:template><x:template match=\"node()[nodeType()=10]\"><DIV class=\"e\"><SPAN><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"d\"><!DOCTYPE <x:node-name/><I> (View Source for full doctype)</I>></SPAN></SPAN></DIV></x:template><x:template match=\"pi()\"><DIV class=\"e\"><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"><?</SPAN><SPAN class=\"pi\"><x:node-name/><x:value-of/></SPAN><SPAN class=\"m\">?></SPAN></DIV></x:template><x:template match=\"pi('xml')\"><DIV class=\"e\"><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"><?</SPAN><SPAN class=\"pi\"> xml <x:for-each select=\"@*\"> <x:node-name/>=\"<x:value-of/>\"</x:for-each></SPAN><SPAN class=\"m\">?></SPAN></DIV></x:template><x:template match=\"@*\" xml:space=\"preserve\"><SPAN><x:attribute name=\"class\"><x:if match=\"x:*/@*\">x</x:if>t</x:attribute> <x:node-name/></SPAN><SPAN class=\"m\">=\"</SPAN><B><x:value-of/></B><SPAN class=\"m\">\"</SPAN></x:template><x:template match=\"@xmlns:*|@xmlns|@xml:*\"><SPAN class=\"ns\"> <x:node-name/></SPAN><SPAN class=\"m\">=\"</SPAN><B class=\"ns\"><x:value-of/></B><SPAN class=\"m\">\"</SPAN></x:template><x:template match=\"@dt:*|@d2:*\"><SPAN class=\"dt\"><x:node-name/></SPAN><SPAN class=\"m\">=\"</SPAN><B class=\"dt\"><x:value-of/></B><SPAN class=\"m\">\"</SPAN></x:template><x:template match=\"textnode()\"><DIV class=\"e\"><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"tx\"><x:value-of/></SPAN></DIV></x:template><x:template match=\"comment()\"><DIV class=\"k\"><SPAN><A class=\"b\" onclick=\"return false\" onfocus=\"h()\" STYLE=\"visibility:hidden\">-</A><SPAN class=\"m\"><!--</SPAN></SPAN><SPAN id=\"clean\" class=\"ci\"><PRE><x:value-of/></PRE></SPAN><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\">--></SPAN></DIV></x:template><x:template match=\"cdata()\"><DIV class=\"k\"><SPAN><A class=\"b\" onclick=\"return false\" onfocus=\"h()\" STYLE=\"visibility:hidden\">-</A><SPAN class=\"m\"><![CDATA[</SPAN></SPAN><SPAN id=\"clean\" class=\"di\"><PRE><x:value-of/></PRE></SPAN><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\">]]></SPAN></DIV></x:template><x:template match=\"*\"><DIV class=\"e\"><DIV STYLE=\"margin-left:1em;text-indent:-2em\"><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"><</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><x:apply-templates select=\"@*\"/><SPAN class=\"m\"> /></SPAN></DIV></DIV></x:template><x:template match=\"*[node()]\"><DIV class=\"e\"><DIV class=\"c\"><A href=\"#\" onclick=\"return false\" onfocus=\"h()\" class=\"b\">-</A><SPAN class=\"m\"><</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><x:apply-templates select=\"@*\"/><SPAN class=\"m\">></SPAN></DIV><DIV><x:apply-templates/><DIV><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"></</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><SPAN class=\"m\">></SPAN></DIV></DIV></DIV></x:template><x:template match=\"*[textnode()$and$$not$(comment()$or$pi()$or$cdata())]\"><DIV class=\"e\"><DIV STYLE=\"margin-left:1em;text-indent:-2em\"><SPAN class=\"b\"> <x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"><</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><x:apply-templates select=\"@*\"/><SPAN class=\"m\">></SPAN><SPAN class=\"tx\"><x:value-of/></SPAN><SPAN class=\"m\"></</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><SPAN class=\"m\">></SPAN></DIV></DIV></x:template><x:template match=\"*[*]\"><DIV class=\"e\"><DIV class=\"c\" STYLE=\"margin-left:1em;text-indent:-2em\"><A href=\"#\" onclick=\"return false\" onfocus=\"h()\" class=\"b\">-</A><SPAN class=\"m\"><</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><x:apply-templates select=\"@*\"/><SPAN class=\"m\">></SPAN></DIV><DIV><x:apply-templates/><DIV><SPAN class=\"b\"><x:entity-ref name=\"nbsp\"/></SPAN><SPAN class=\"m\"></</SPAN><SPAN><x:attribute name=\"class\"><x:if match=\"x:*\">x</x:if>t</x:attribute><x:node-name/></SPAN><SPAN class=\"m\">></SPAN></DIV></DIV></DIV></x:template></x:stylesheet>";
xsl = new ActiveXObject("Microsoft.XMLDOM");
xsl.loadXML(xslstring); //讀取XSL字符串
document.all("xml").innerHTML = xml.transformNode(xsl);
}
</script>
</head>
<body onload="showXML();">
<div id="xml"></div>
</body>
</html>
這段html文件其實是一個模板,你可以把它存在Resource文件里,之后在向WebBrowser的DocumentText屬性賦值之前,將模板里的@@XML用你實際想顯示的XML串替換一下,同時沒忘了將這個XML串里的"替成\"!
又寫完了一篇心得,希望能對大家有所幫助
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。