Привязка данных к HTML-таблице

Для отображения данных вместо неупорядоченного списка можно использовать HTML-таблицу – версию GridView в ASP.NET для ASP.NET AJAX. Для этого придется немного изменить HTML-разметку. Вместо элементов
    и
  • будут использоваться элементы и .

    Кроме того, так как таблица может отображать данные в нескольких колонках, можно использовать все данные, получаемые от веб-службы, включая поля Name и AccountNumber. Для каждой записи с данными будет создаваться строка в таблице (). Внутри строки будут созданы две ячейки ( и . Раздел является родительским для каждого элемента списка данных, который отображается с помощью элемента .

    Можно также добавить необязательный элемент , который нужно было бы вставить перед элементом . В данном примере элемент не требуется.
    ), по одной для каждой колонки, возвращаемой веб-службой.

    Ниже приводится (скрытый) макет с элементом , для которого ASP.NET AJAX поддерживает возможность привязки данных, расположенных на стороне сервера:
    Account NumberName
    номер счета производителя span> название производителя




    Однако существует одна проблема.


    Броузеры семейства Mozilla отобразят таблицу, а окно броузера Internet Explorer останется пустым. Internet Explorer совершенно по?особенному интерпретирует HTML-таблицы, сгенерированные динамически. Этот результат интересен в свете того, что исторически Internet Explorer весьма терпимо относится к неправильно оформленному коду разметки HTML.

    Таким образом, чтобы заставить работать HTML-таблицу с привязанными данными, необходимо создавать ее с разделами




    Account NumberName
    номер счета производителя название производителя


    В xml-script необходимо добавить дополнительную привязку для нового элемента?заполнителя.


    В остальном пример работает точно так же, как и раньше: после щелчка на кнопке вызывается веб-служба, полученные результаты вставляются в элемент vendorsLayout и затем копируются в элемент output. В примере 17.4 приводится полный код, в котором жирным шрифтом выделены произведенные изменения.

    Пример 17.4. Привязка данных к HTML?таблице
    ListViewTable.aspx
    <%@ Page Language="C#" %>
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd"> ASP.NET AJAX


    (body)
    (asp:ScriptManager runat="server")

    (asp:ServiceReference Path="ListViewVendors.asmx" /)


    (asp:ScriptReference Name="PreviewScript.js"
    Assembly="Microsoft.Web.Preview" /)

    (/asp:ScriptManager)

    здесь будет выводиться список производителей





    Account NumberName
    номер счета производителя название производителя





    (/body)
    .



    Оцените статью: (0 голосов)
    0 5 0

    Статьи из раздела ASP.NET AJAX на эту тему:
    Использование элемента управления ListView
    Отображение данных из собственного источника данных
    Привязка данных к элементу управления ListView
    Создание собственного источника данных