使用XML技術(shù)實現(xiàn)OWC對數(shù)據(jù)庫的展示(二）

2024-07-21 02:08:09

字體：大中小

供稿：網(wǎng)友

商業(yè)源碼熱門下載www.html.org.cn

二、使用owc控件和html表格展現(xiàn)xml數(shù)據(jù)2.1 基本功能的實現(xiàn)
這里新建了另外一個html頁面。為了使用剛才得到的xml數(shù)據(jù)，在html頁面中，采用xml 數(shù)據(jù)島：

<xml id="dbxml" src="getdata.asp" onreadystatechange="init()"></xml>

然后，可以利用html表格的綁定功能展現(xiàn)數(shù)據(jù)：

<table datasrc="#dbxml" border=1 cellpadding=0 cellspacing=0>

   <tr>

    <td><div type=text datafld=stat_date></div></td>

    <td><div type=text datafld=call_num></div></td>

    <td><div type=text datafld=call_fee></div></td>

   </tr>

</table>

在剛才的xml數(shù)據(jù)島的onreadystatechange事件對應(yīng)的init()函數(shù)中，我們通過如下代碼實現(xiàn)owc的圖表：

<object id=cs1

classid=clsid:0002e556-0000-0000-c000-000000000046 viewastext>

</object>

<script lanaguage=vbscript>

sub init()

    if(dbxml.readystate="complete") then

        dim strxml

        set strxml=dbxml.xmldocument

        createchart strxml,cs1

    end if

end sub

sub createchart(byref oxml,cspace) '根據(jù)傳入的xml生成圖表

        dim xdoc,xroot,ccnt

        dim ndx,cnode,txtdata,txtcat,txtdata2



        set xdoc=dbxml.xmldocument

        set xroot = xdoc.documentelement

        ccnt = xroot.childnodes.length

        txtdata = "":txtcat = ""

        ' 從xml數(shù)據(jù)中得到相應(yīng)的子符串

        for ndx = 0 to ccnt - 1

            set cnode = xroot.childnodes(ndx)

            txtcat = txtcat & cnode.childnodes(0).text

            txtdata = txtdata & cnode.childnodes(1).text

            txtdata2=txtdata2 & cnode.childnodes(2).text

            if ndx <> (ccnt -1) then

                txtcat = txtcat & ","

                txtdata = txtdata & ","

                txtdata2 = txtdata2 & ","

            end if

        next



        '---下面開始繪圖----------

       '添加數(shù)據(jù)序列1

       set ch =cspace.charts.add()

       set s = ch.seriescollection.add()

       s.name="通話費用（元）"

       s.caption=s.name

       s.setdata c.chdimcategories,c.chdataliteral, txtcat

       s.setdata c.chdimvalues, c.chdataliteral, txtdata

       s.type=8 '曲線圖



       '設(shè)定時間刻度軸格式

       set axcategory = cspace.charts(0).axes(c.chaxispositioncategory)

       with axcategory

           .groupingunittype = c.chaxisunitmonth '月

           .groupingunit = 1 '單位

           .numberformat="short date" '短日期

       end with



       '添加數(shù)據(jù)序列2

       set s2 = ch.seriescollection.add()

       s2.name="通話次數(shù)（次）"

       s2.caption=s2.name

       s2.setdata c.chdimvalues, c.chdataliteral, txtdata2

       '標(biāo)題

       ch.hastitle = true

       ch.title.caption="通話情況月報"

       ch.title.font.color="black"

       ch.title.font.size=10

       ch.title.font.bold=true



       'chartspace屬性

       cspace.border=c.chlinedash

       cspace.hasselectionmarks=true

       cspace.allowfiltering=true '允許命令與分組

       cspace.allowpropertytoolbox=true



       '設(shè)置圖例及位置

       ch.legend.position=c.chlegendpositionright

       ch.haslegend=false

       '分成不同的組,顯示雙坐標(biāo)軸

       s2.ungroup true

       set axincomeaxis = ch.axes.add(s2.scalings(c.chdimvalues))

       axincomeaxis.position = c.chaxispositionright

       axincomeaxis.hasmajorgridlines=false

       s2.type=0 '柱形圖

    end sub

這樣，我們就得到了數(shù)據(jù)表格和圖表，其最終效果如下：

這樣，借助于xml技術(shù)和ie綁定技術(shù)，我們就實現(xiàn)了owc對數(shù)據(jù)庫中數(shù)據(jù)的展示，而在客戶端并沒有暴露任何數(shù)據(jù)連接信息。

2．2 其他功能
owc可以很容易的實現(xiàn)將所見到的圖表保存為本地圖片，大大方便了使用者。同時，owc提供了多種圖表類型，如：餅圖、曲線圖、柱形圖等，適合在不同的情況下展現(xiàn)數(shù)據(jù)。

如果借助com組件、以及對xsl的靈活運用，我們這個頁面能得到更好的性能和更強的功能。比如：對html表格的排序（參見附件中的html源代碼）、數(shù)據(jù)分頁等。此外，我們還可以實現(xiàn)通用的數(shù)據(jù)訪問、搜索功能。

附：參考文檔

1：微軟msdn聯(lián)機文檔中提供了另外一種owc對xml數(shù)據(jù)的直接綁定來實現(xiàn)圖表，其需要同時加載datasourcecontrol控件或者spreadsheet控件。參見：

http://msdn.microsoft.com/library/en-us/dnowcbk/html/odc_chap4owc.asp?frame=true#odc_chap4owc_xml

2：本文檔參考了owc toolpack文檔中的vbscript生成chartspace圖表的相關(guān)內(nèi)容。owc toolpack是微軟推薦的進行owc開發(fā)的最佳參考文檔。下載地址如下：

http://www.microsoft.com/downloads/details.aspx?familyid=beb5d477-2100-4586-a13c-50e56f101720&displaylang=en

上一篇：使用XML技術(shù)實現(xiàn)OWC對數(shù)據(jù)庫的展示（一）

下一篇：XML數(shù)據(jù)庫探討1