首先如果要使用資料繫結技術來展現資料,必須要在網頁中建立XML的資料來源物件(Data Source Object),文中簡稱DSO,建立DSO的方式有兩種,第一種是使用Java Applet連結到一份Books.xml檔案資料,範例如下: |
< HTML > < HEAD > |
< APPLET CODE="com.ms.xml.dso.XMLDSO.class" id="xmldso" width=0 height=0 > < PARAM NAME="URL" VALUE="Books.xml" > < /APPLET > |
< /HEAD > < BODY >
< /BODY > < /HTML > |
JavaApplet.htm |
第二種方式是建立XML DataIsland(XML資料島),範例如下: |
< HTML > < HEAD > |
< xml id="xmldso" src="Books.xml" >< /xml > |
< /HEAD > < BODY >
< /BODY > < /HTML > |
XMLDataIsland1.htm |
或者直接將XML資料崁入DataIsland中,範例如下: |
< HTML > < HEAD > |
< xml id="xmldso" > < ?xml version="1.0"? > < booklist > < book > < title >The Gourmet Microwave< /title > < isbn >72-80081-082< /isbn > < publisher >New Moon Books< /publisher > < price >9.95< /price > < details >Details.asp?isbn=72-80081-082< /details > < author >Charlotte M. Cooper< /author > < author >Shelley B. Burke< /author > < author >Regina P. Murphy< /author > < /book > < /booklist > < /xml > |
< /HEAD > < BODY >
< /BODY > < /HTML > |
XMLDataIsland2.htm |
這兩種方式都能建立DSO,不過第二種方式,也就是XML DataIsland的語法只有在IE5以後的版本才有支援,在這邊預設讀者都有IE5可以測試。建立好DSO,先看一下DSO裡面的資料,也就是連結到的XML檔案Books.xml,如下列檔案內容: |
|
XML檔案中包含五本書,每本書都有一個以上的作者。接下來要如何讓HTML標籤來展現資料呢?其實很簡單,例如下面的範例,僅僅在標籤內加上兩個屬性設定(datasrc與datafld),第一筆資料就能夠繫結在標籤內了: |
< HTML > < HEAD > < xml id="xmldso" src="Books.xml" > < /xml > < /HEAD > < BODY >
書號:< span
|
datasrc="#xmldso" datafld="isbn" |
>< /span >< br > |
書名:< TEXTAREA rows=2 cols=20 id=textarea1 name=textarea1
|
datasrc="#xmldso" datafld="title" |
>< /TEXTAREA >< br > |
出版商:< INPUT type="button" value="Button" id=button1 name=button1
|
datasrc="#xmldso" datafld="publisher" |
>< br > |
價格:< INPUT type="text" id=text1 name=text1 |
datasrc="#xmldso" datafld="price" |
> |
< /BODY > < /HTML > |
DataIsland3.htm |
結果圖如下: |
|
原來datasrc屬性就是指定DSO,而datafld就是指定欄位,並且個別用不同的標籤來展現,讀者就會發現資料繫結的彈性以及方便了。例如價格欄位資料會繫結到TextBox的Value屬性,所以結果可以看到資料便展現在TextBox裡面。 |
但是有一點必須要注意,並不是所有的HTML標籤都支援這兩個屬性,在以下的表格中列出支援的HTML標籤以及資料繫結後所對應的標籤屬性: |
HTML標籤 |
資料繫結標籤屬性 |
A |
href |
APPLET |
property value via PARAM |
BUTTON |
innerText, innerHTML |
DIV |
innerText, innerHTML |
FRAME |
src |
IFRAME |
src |
IMG |
src |
INPUT TYPE=BUTTON |
innerText, innerHTML |
INPUT TYPE=CHECKBOX |
checked |
INPUT TYPE=HIDDEN |
value |
INPUT TYPE=PASSWORD |
value |
INPUT TYPE=RADIO |
checked |
INPUT TYPE=TEXT |
value |
LABEL |
innerText, innerHTML |
LEGEND |
innerText, innerHTML |
MARQUEE |
innerText, innerHTML |
SELECT |
obj.options(obj.selectedIndex).text |
SPAN |
innerText, innerHTML |
TEXTAREA |
value |
|
如上表span標籤在設定完datasrc及dtafld之後,資料會存放在標籤的innerText或innerHTML屬性中,這代表資料能夠以TEXT純文字展現或以HTML展現。資料繫結之後預設使以純文字展現,也就是存放在innerText屬性,例如改寫Books.xml的第一筆資料的isbn欄位如下: |
< book > < title >The Gourmet Microwave< /title >
|
< isbn > |
<
|
B |
<
|
72-80081-082 |
<
|
/B |
<
|
;< /isbn > |
< publisher >New Moon Books< /publisher > < price >9.95< /price > < details >Details.asp?isbn=72-80081-082< /details > < author >Charlotte M. Cooper< /author > < author >Shelley B. Burke< /author > < author >Regina P. Murphy< /author > < /book > |
|
其中「<」代表「< 」符號,「&glt;」代表「 >」符號,主要是因為XML資料中大於和小於符號是保留字,所以必須以其他方式表現,此時再度執行DataIsland3.htm會得到以下結果: |
|
但是這不是想要的結果,主要的目的是希望書號欄位資料以粗體展現,此時必須配合另一個HTML屬性,也就是修改DataIsland3.htm的span標籤,再加上一個屬性dataformatas設定為HTML。此時資料繫結後,資料便會存放在span標籤的innerHTML屬性,也就是以HTML方式展現,如下程式碼及結果: |
書號:< span datasrc="#xmldso" datafld="isbn" |
dataformatas="HTML" |
>< /span >< br > |
|
|
|
相关推荐
赠送jar包:simple-xml-safe-2.7.1.jar; 赠送原API文档:simple-xml-safe-2.7.1-javadoc.jar; 赠送源代码:simple-xml-safe-2.7.1-sources.jar; 赠送Maven依赖信息文件:simple-xml-safe-2.7.1.pom; 包含翻译后...
赠送jar包:xmlgraphics-commons-2.1.jar; 赠送原API文档:xmlgraphics-commons-2.1-javadoc.jar; 赠送源代码:xmlgraphics-commons-2.1-sources.jar; 赠送Maven依赖信息文件:xmlgraphics-commons-2.1.pom; ...
赠送jar包:xmlgraphics-commons-2.1.jar; 赠送原API文档:xmlgraphics-commons-2.1-javadoc.jar; 赠送源代码:xmlgraphics-commons-2.1-sources.jar; 赠送Maven依赖信息文件:xmlgraphics-commons-2.1.pom; ...
人脸harr级联分类器保存的.xml文件,包括:haarcascade-frontalface-default.xml等文件
赠送jar包:xmlschema-core-2.1.0.jar; 赠送原API文档:xmlschema-core-2.1.0-javadoc.jar; 赠送源代码:xmlschema-core-2.1.0-sources.jar; 赠送Maven依赖信息文件:xmlschema-core-2.1.0.pom; 包含翻译后的API...
赠送jar包:jakarta.xml.bind-api-2.3.3.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.3-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.3-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:jackson-dataformat-xml-2.12.2.jar; 赠送原API文档:jackson-dataformat-xml-2.12.2-javadoc.jar; 赠送源代码:jackson-dataformat-xml-2.12.2-sources.jar; 赠送Maven依赖信息文件:jackson-data...
赠送jar包:jakarta.xml.bind-api-2.3.3.jar; 赠送原API文档:jakarta.xml.bind-api-2.3.3-javadoc.jar; 赠送源代码:jakarta.xml.bind-api-2.3.3-sources.jar; 赠送Maven依赖信息文件:jakarta.xml.bind-api-...
赠送jar包:jackson-dataformat-xml-2.12.2.jar; 赠送原API文档:jackson-dataformat-xml-2.12.2-javadoc.jar; 赠送源代码:jackson-dataformat-xml-2.12.2-sources.jar; 赠送Maven依赖信息文件:jackson-data...
赠送jar包:scala-xml_2.12-1.0.6.jar; 赠送原API文档:scala-xml_2.12-1.0.6-javadoc.jar; 赠送源代码:scala-xml_2.12-1.0.6-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.12-1.0.6.pom; 包含翻译后的API...
网络讲坛:文本文件格式---INI,XMLzip,NI专家阮奇桢专题视频系列,主要介绍了两种文件存储格式,并且用软件进行了演示。
补充:配置yarn的步骤:1、配置yarn-site.xml;2、配置mapred-site.xml;3、配置历史服务器。
Spring系列第4篇:xml中bean定义详解(-)Spring系列第5篇:创建bean实例这些方式你们都知道?Spring系列第6篇:玩转bean scope,避免跳坑里!Spring系列第7篇:依赖注入之手动注入Spring系列第8篇:自动注入...
赠送jar包:cxf-rt-bindings-xml-3.0.1.jar; 赠送原API文档:cxf-rt-bindings-xml-3.0.1-javadoc.jar; 赠送源代码:cxf-rt-bindings-xml-3.0.1-sources.jar; 赠送Maven依赖信息文件:cxf-rt-bindings-xml-3.0.1....
赠送jar包:scala-xml_2.11-1.0.4.jar; 赠送原API文档:scala-xml_2.11-1.0.4-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.4-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.4.pom; 包含翻译后的API...
官方离线安装包,测试可用。使用rpm -ivh [rpm完整包名] 进行安装
官方离线安装包,亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
赠送jar包:scala-xml_2.11-1.0.5.jar; 赠送原API文档:scala-xml_2.11-1.0.5-javadoc.jar; 赠送源代码:scala-xml_2.11-1.0.5-sources.jar; 赠送Maven依赖信息文件:scala-xml_2.11-1.0.5.pom; 包含翻译后的API...
GSDML-V2.33-Fanuc-A05B2600R834V910-20180517.xml Device Icon: GSDML-01B7-0011-R30IBPlus.bmp 2. Files for R-30iB Mate Plus GSD File: GSDML-V2.33-Fanuc-A05B2600R834V910M-20180411.xml Device Icon: ...
赠送jar包:netty-codec-xml-4.1.73.Final.jar; 赠送原API文档:netty-codec-xml-4.1.73.Final-javadoc.jar; 赠送源代码:netty-codec-xml-4.1.73.Final-sources.jar; 赠送Maven依赖信息文件:netty-codec-xml-...