簡単なデータバインディング

XML文書の階層化されたデータをHTMLページの<table>要素に表示する。

[サンプルHTMLページを表示](下のフレームに)

XMLソース

<?xml version="1.0" encoding="Shift_JIS" ?>
<start>
    <dosv>
      <name>JPテクノランド</name>
      <group>PC総合</group>
      <tel>6634-1211</tel>
    </dosv>
    <dosv>
      <name>ソフマップ6号店</name>
      <group>ソフト専門</group>
      <tel>6634-9001</tel>
    </dosv>
    <dosv>
      <name>パソコンの館</name>
      <group>ハード専門</group>
      <tel>6632-6901</tel>
    </dosv>
    <dosv>
      <name>ones</name>
      <group>パーツ専門</group>
      <tel>6630-4444</tel>
    </dosv>
</start>

HTMLソース

<BODY>

<XML ID="osakadosv" SRC="table01.xml"></XML>
<H4>XML文書内容を表に取り出す</H4>

<TABLE datasrc="#osakadosv" border="1" cellpadding="3">
  <THEAD>
    <TR>
      <TH>ショップ名</TH>
      <TH>区分</TH>
      <TH>電話</TH>
    </TR>
  </THEAD>
  <TR>
    <TD><SPAN datafld="name"></SPAN> </TD>
    <TD><SPAN datafld="group"></SPAN> </TD>
    <TD><SPAN datafld="tel"></SPAN> </TD>
  </TR>
</TABLE>

</BODY>

end(01/1/7)