2005년 9월 8일 목요일

[펌] 22. 데이터 바인딩을 사용해서 XML 문서 출력하기(2)

5. XML 엘리먼트에 HTML 엘리먼트 바인딩하기

 

2가지 기본적인 방법으로 XML 엘리먼트에 HTML 엘리먼트를 바인딩 할 수 있다.

■ 테이블 데이터 바인딩(table data binding) - 테이블 이라는 이름의 HTML 엘리먼트를 XML 데이터로 바인딩해서 테이블(표)이 XML 문서에 속한 전체 레코드셋을 출력하도록 하는 것

 

■ 싱글 레코드 데이터 바인딩(Single-record data binding) - 이는 테이블이 아닌 HTML 엘리먼트(예를 들면, SPAN 엘리먼트)를 XML 엘리먼트로 바인딩해서 한 번에 하나의 레코드만이 출력되도록 하는 것

 

1) 테이블 데이터 바인딩 사용하기

다음의 예제를 참고한다.

<?xml version="1.0"?>
<INVENTORY>
   <BOOK>
      <TITLE>The Adventures of Huckleberry Finn</TITLE>
      <AUTHOR>Mark Twain</AUTHOR>
      <BINDING>mass market paperback</BINDING>
      <PAGES>298</PAGES>
      <PRICE>$5.49</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>Leaves of Grass</TITLE>
      <AUTHOR>Walt Whitman</AUTHOR>
      <BINDING>hardcover</BINDING>
      <PAGES>462</PAGES>
      <PRICE>$7.75</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>The Legend of sleep Hollow</TITLE>
      <AUTHOR>Washington Irving</AUTHOR>
      <BINDING>mass market paperback</BINDING>
      <PAGES>98</PAGES>
      <PRICE>$2.95</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>The Marble Faun</TITLE>
      <AUTHOR>Nathaniel Hawthorne</AUTHOR>
      <BINDING>trade paperback</BINDING>
      <PAGES>473</PAGES>
      <PRICE>$10.95</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>Moby-Dick</TITLE>
      <AUTHOR>Herman Melville</AUTHOR>
      <BINDING>hardcover</BINDING>
      <PAGES>724</PAGES>
      <PRICE>$9.95</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>The Portrait of a Lady</TITLE>
      <AUTHOR>Henry James</AUTHOR>
      <BINDING>mass market paperback</BINDING>
      <PAGES>256</PAGES>
      <PRICE>$4.95</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>The Scarlet Letter</TITLE>
      <AUTHOR>Nathaniel Hawthorne</AUTHOR>
      <BINDING>trade paperback</BINDING>
      <PAGES>253</PAGES>
      <PRICE>$4.25</PRICE>
   </BOOK>
   <BOOK>
      <TITLE>The Turn of the Screw</TITLE>
      <AUTHOR>Henry James</AUTHOR>
      <BINDING>trade paperback</BINDING>
      <PAGES>384</PAGES>
      <PRICE>$3.35</PRICE>
   </BOOK>
</INVENTORY>

 

그 다음으로 아래와 같은 HTML 파일을 만든다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   <html>
      <head>
      <title></title>
      <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
      <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
      </head>
      <body>
         <xml id="dsoXMLFile1" src="XMLFile1.xml"></xml>
         <h2>Book Inverntory</h2>
         <table datasrc="#dsoXMLFile1" border="1" cellpadding="5">
            <thead>
               <th>Title</th>
               <th>Author</th>
               <th>Binding</th>
               <th>Pages</th>
               <th>Price</th>
            </thead>
            <tr align="center">
               <td><span datafld="TITLE" style="font-style:italic"></span></td>
               <td><span datafld="AUTHOR"></span></td>
               <td><span datafld="BINDING"></span></td>
               <td><span datafld="PAGES"></span></td>
               <td><span datafld="PRICE"></span></td>
            </tr>
         </table>
      </body>
   </html>

 

이것을 웹 브라우저를 통해서 보면 다음과 같은 결과를 확인할 수 있다.

댓글 없음:

댓글 쓰기