Почему при использовании скриптов, приведенных в курсе Основы XML лекция Лекция 8: Отображение XML-документов с использованием связывания данных не происходит связывания XLM документа с HTML? Отображаются пустые поля. Браузер IE11 |
Отображение XML-документов с использованием связывания данных
Использование постраничного отображения
Если XML-документ содержит много записей, вы можете использовать постраничный вывод группы записей за один раз вместо отображения всех записей одновременно в огромной таблице. Для активизации постраничного отображения в обычной связанной таблице выполните следующие действия.
- Установите для атрибута DATAPAGESIZE сцепленного элемента TABLE значение, равное максимальному числу записей, которые вы хотите отобразить за раз. Каждая страница записей будет содержать заданное вами число записей. Например, следующий начальный тег для элемента TABLE присваивает число "5" атрибуту DATAPAGESIZE, в результате чего в таблице будет отображено пять записей за раз:
<TABLE DATASRC="#dsoInventory" DATAPAGESIZE="5">
- Присвойте уникальный идентификатор атрибуту ID элемента TABLE, как для следующего начального тега:
<TABLE ID="InventoryTable" DATASRC="#dsoInventory" DATAPAGESIZE="5">
- Чтобы перемещаться между записями, вызывайте методы элемента TABLE, приведенные в таблице 8.1. Для приведенных в последнем столбце примеров предполагается, что таблица имеет идентификатор InventoryTable.
Метод элемента TABLE | Эффект | Пример вызова |
---|---|---|
firstPage | Отображает первую страницу записей | InventoryTable.firstPage() |
previousPage | Отображает предыдущую страницу записей | InventoryTable.previousPage() |
nextPage | Отображает следующую страницу записей | InventoryTable.nextPage() |
lastPage | Отображает последнюю страницу записей | InventoryTable.lastPage() |
Если в текущий момент отображена первая страница, вызов метода previousPage игнорируется, а если отображена последняя страница, то игнорируется вызов nextPage.
Вы можете вызвать любой из этих методов из написанного вами сценария. Однако наиболее простой способ обращения к одному из методов заключается в присвоении метода атрибуту ONCLICK HTML-элемента BUTTON, как в следующем примере:
<BUTTON ONCLICK="InventoryTable.nextPage()">Next Page</BUTTON>
Этот элемент отображает кнопку. Когда пользователь щелкает на кнопке, вызывается метод, присвоенный атрибуту ONCLICK, а именно, InventoryTable.nextPage().
Техника использования постраничного вывода демонстрируется в Листингах 8.3 и 8.4. Листинг 8.3 представляет собой расширенную версию документа Inventory.xml из Листинга 8.1. Листинг 8.4 представляет собой HTML-страницу, которая отображает этот XML-документ в таблице, атрибуту DATAPAGESIZE которой присвоено значение "5".
В верхней части страницы имеется четыре элемента BUTTON, каждый из которых выполняет действие в соответствии с методами постраничного вывода таблицы. Когда вы впервые открываете HTML-страницу, в таблице отображаются первые пять записей. Щелчок мышью на кнопке Next Page приводит к отображению следующих пяти записей (или, в конце таблицы, оставшегося числа записей), а щелчок на кнопке Previous приводит к отображению предыдущих пяти записей (или, в начале таблицы, первых пяти записей). Щелчок на кнопке First Page или на кнопке Last Page приводит к отображению первых или последних пяти записей. На рисунке 8.2 показано как документ из Листинга 8.4 будет выглядеть в Internet Explorer 5.
<?xml version="1.0" encoding="windows-1251" ?> <!-- Имя файла: Inventory Big.xml --> <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>The Adventures of Tom Sawyer</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>205</PAGES> <PRICE>$4.75</PRICE> </BOOK> <BOOK> <TITLE>The Ambassadors</TITLE> <AUTHOR>Henry James</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>305</PAGES> <PRICE>$5.95</PRICE> </BOOK> <BOOK> <TITLE>The Awakening</TITLE> <AUTHOR>Kate Chopin</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>195</PAGES> <PRICE>$4.95</PRICE> </BOOK> <BOOK> <TITLE>Billy Budd</TITLE> <AUTHOR>Herman Melville</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>195</PAGES> <PRICE>$4.49</PRICE> </BOOK> <BOOK> <TITLE>A Connecticut Yankee in King Arthur's Court</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>385</PAGES> <PRICE>$5.49</PRICE> </BOOK> <BOOK> <TITLE>Joan of Arc</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>465</PAGES> <PRICE>$6.95</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 Sleepy 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>Passing</TITLE> <AUTHOR>Nella Larsen</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>165</PAGES> <PRICE>$5.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>Roughing It</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>324</PAGES> <PRICE>$5.25</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>Листинг 8.3. Inventory Big.xml
<!-- Имя файла: Inventory Big Table.htm --> <HTML> <HEAD> <TITLE>Book Inventory</TITLE> </HEAD> <BODY> <XML ID="dsoInventory" SRC="Inventory Big.xml"></XML> <H2>Book Inventory</H2> <BUTTON ONCLICK="InventoryTable.firstPage()"> |< First Page </BUTTON> <BUTTON ONCLICK="InventoryTable.previousPage()"> < Previous Page </BUTTON> <BUTTON ONCLICK="InventoryTable.nextPage()"> Next Page > </BUTTON> <BUTTON ONCLICK="InventoryTable.lastPage()"> Last Page >| </BUTTON> <p> <TABLE ID="InventoryTable" DATASRC="#dsoInventory" DATAPAGESIZE="5" 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>Листинг 8.4. Inventory Big Table.htm
Использование вложенных таблиц для отображения иерархической структуры записей
В предыдущих разделах вы узнали, как использовать одну таблицу для отображения XML-документа, структурированного как простой набор записей, где каждая запись состоит из фиксированного набора полей, каждое из которых содержит только символьные данные. Теперь вы узнаете, как использовать вложенные таблицы для отображения XML-документа, элементы которого структурированы как иерархический набор записей.
В иерархическом наборе записей каждая запись может содержать, в дополнение к фиксированному набору полей, переменное число вхождений (нуль или более) вложенных записей. В Листинге 8.5 представлен пример XML-документа, структурированного как иерархический набор записей. В этом документе корневой элемент ( INVENTORY ) содержит группу записей CATEGORY. Каждая запись CATEGORY начинается с поля CATNAME, которое содержит только символьные данные, а затем следуют нуль или несколько вложенных записей BOOK. Каждая вложенная запись BOOK имеет пять полей ( TITLE, AUTHOR, BINDING, PAGES, PRICE ).
<?xml version="1.0" encoding="windows-1251" ?> <!-- Имя файла: Inventory Hierarchy.xml --> <INVENTORY> <CATEGORY> <CATNAME>Middle Ages</CATNAME> <BOOK> <TITLE>The Canterbury Tales</TITLE> <AUTHOR>Geoffrey Chaucer</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>692</PAGES> <PRICE>$18.95</PRICE> </BOOK> <BOOK> <TITLE>Piers Plowman</TITLE> <AUTHOR>William Langland</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>385</PAGES> <PRICE>$10.95</PRICE> </BOOK> </CATEGORY> <CATEGORY> <CATNAME>Renaissance</CATNAME> <BOOK> <TITLE>The Blazing World</TITLE> <AUTHOR>Margaret Cavendish</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>225</PAGES> <PRICE>$8.79</PRICE> </BOOK> <BOOK> <TITLE>Oroonoko</TITLE> <AUTHOR>Aphra Behn</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>295</PAGES> <PRICE>$4.95</PRICE> </BOOK> <BOOK> <TITLE>Doctor Faustus</TITLE> <AUTHOR>Christopher Marlowe</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>472</PAGES> <PRICE>$15.95</PRICE> </BOOK> </CATEGORY> <CATEGORY> <CATNAME>18th Century</CATNAME> <BOOK> <TITLE>Gulliver's Travels</TITLE> <AUTHOR>Jonathan Swift</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>324</PAGES> <PRICE>$11.89</PRICE> </BOOK> <BOOK> <TITLE>The History of Tom Jones: A Foundling</TITLE> <AUTHOR>Henry Fielding</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>438</PAGES> <PRICE>$16.95</PRICE> </BOOK> <BOOK> <TITLE>Love in Excess</TITLE> <AUTHOR>Eliza Haywood</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>429</PAGES> <PRICE>$12.95</PRICE> </BOOK> <BOOK> <TITLE>Tristram Shandy</TITLE> <AUTHOR>Laurence Sterne</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>322</PAGES> <PRICE>$9.49</PRICE> </BOOK> </CATEGORY> <CATEGORY> <CATNAME>19th Century</CATNAME> <BOOK> <TITLE>Dracula</TITLE> <AUTHOR>Bram Stoker</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>395</PAGES> <PRICE>$17.95</PRICE> </BOOK> <BOOK> <TITLE>Great Expectations</TITLE> <AUTHOR>Charles Dickens</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>639</PAGES> <PRICE>$6.95</PRICE> </BOOK> <BOOK> <TITLE>Percival Keene</TITLE> <AUTHOR>Frederick Marryat</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>425</PAGES> <PRICE>$12.89</PRICE> </BOOK> <BOOK> <TITLE>Treasure Island</TITLE> <AUTHOR>Robert Louis Stevenson</AUTHOR> <BINDING>trade paperback</BINDING> <PAGES>283</PAGES> <PRICE>$11.85</PRICE> </BOOK> <BOOK> <TITLE>Wuthering Heights</TITLE> <AUTHOR>Emily Bronte</AUTHOR> <BINDING>hardcover</BINDING> <PAGES>424</PAGES> <PRICE>$12.95</PRICE> </BOOK> </CATEGORY> </INVENTORY>Листинг 8.5. Inventory Hierarchy.xml
Листинг 8.6 содержит HTML-страницу, которая использует вложенную таблицу для отображения иерархической структуры записей XML-документа из Листинга 8.5.
<!-- Имя файла: Inventory Hierarchy.htm --> <HTML> <HEAD> <TITLE>Inventory of Classic English Literature</TITLE> </HEAD> <BODY> <XML ID="dsoInventory" SRC="Inventory Hierarchy.xml"></XML> <TABLE DATASRC="#dsoInventory" BORDER="1"> <THEAD> <TH>Classic English Literature</TH> </THEAD> <TR> <TD><SPAN DATAFLD="CATNAME"></SPAN></TD> </TR> <TR> <TD> <TABLE DATASRC="#dsoInventory" DATAFLD="BOOK" BORDER="0" CELLSPACING="10"> <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> </TD> </TR> </TABLE> </BODY> </HTML>Листинг 8.6. Inventory Hierarchy.htm
В Листинге 8.6 внешняя таблица сцеплена с XML-документом, что видно из описания начального тега:
<TABLE DATASRC="#dsoInventory" BORDER="1">
Внешняя таблица также включает заголовок (элемент THEAD, отображающий надпись "Classic English Literature"), плюс две строки таблицы (два элемента TR ). Браузер повторяет две строки для каждой записи верхнего уровня (т.е. для каждой записи CATEGORY ). В первой строке отображается поле CATNAME. Это подобно рассмотренному ранее в Листинге 8.2 примеру таблицы, отображающей простой набор записей. Однако вторая строка не отображает поле, а содержит вложенную таблицу, которая отображает содержимое каждой вложенной записи BOOK внутри текущей категории. Вот разметка для вложенной таблицы:
<TABLE DATASRC="#dsoInventory" DATAFLD="BOOK" BORDER=0 CELLSPACING=10> <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>
Обратите внимание, что вы должны сцепить вложенную таблицу не только с XML-документом (DATASRC="#dsoInventory"), но и с вложенными записями BOOK (DATAFLD="BOOK"), чтобы в таблице отображалось содержимое каждой записи BOOK, вложенной в текущую запись CATEGORY. Другими словами, строковый элемент ( TR ) в этой таблице будет повторен для каждого из этих элементов BOOK. (Заметим, что внешняя таблица по умолчанию сцеплена с записями верхнего уровня – в данном случае, с записями CATEGORY – поэтому каждая из этих записей отображается при переходе к новой категории.)
На рисунке 8.3 показано как документ из Листинга 8.6 будет выглядеть в Internet Explorer 5.
Вы можете использовать дополнительные вложенные таблицы для отображения документа, который содержит дополнительные уровни вложенных записей. Рассмотрим в качестве примера документ из Листинга 8.5. Предположим, вы заменили каждое поле AUTHOR:
<AUTHOR>Geoffrey Chaucer</AUTHOR>
на нуль или несколько записей AUTHOR:
<AUTHOR> <FIRSTNAME>Geoffrey</FIRSTNAME> <LASTNAME>Chaucer</LASTNAME> </AUTHOR>
В этом случае вы можете использовать дополнительную вложенную таблицу для отображения всех авторов для каждого элемента BOOK, применив ту же технику, которую вы применяли для одиночной вложенной таблицы.