Практическое руководство. Создание шаблонов серверных веб-элементов управления с помощью конструктора
Обновлен: Ноябрь 2007
Серверные веб-элементы управления GridView, DetailsView, FormView, DataList, и Repeater позволяют задавать шаблоны, а также определять разметку и серверные элементы управления, в которых частично описан элемент управления. Например, в элементе управления GridViewможно определить шаблоны элементов, выделенных элементов, переменных элементов и т. д., то есть для каждого из этих элементов можно настроить собственный способ отображения.
В этом разделе описано создание шаблонов с помощью конструктора. Шаблон можно создать непосредственно в среде Visual Web Developer. Сведения о создании шаблонов с помощью синтаксиса ASP.NET см. в разделе Практическое руководство. Декларативное создание шаблонов веб-элемента управления ASP.NET. Дополнительные сведения о шаблонах см. в разделе Шаблоны серверных веб-элементов управления ASP.NET.
.gif "Примечание") Примечание. |
|---|
Если шаблон редактируется с помощью конструктора, синтаксис привязки к данным в элементе HTML <textarea> шаблона будет иметь вид кода HTML. Например, если шаблон редактируется с помощью конструктора, строка <textarea id="TextArea1"><%# Eval("Description") %><textarea> будет автоматически заменена строкой <textarea id="TextArea1"><%# Eval("Description") %><textarea>. В качестве альтернативы элемент HTML <textarea> можно вывести для просмотра, привязав элемент управления TextBox к полю данных, а затем присвоив свойству TextMode элемента управления TextBox значение MultiLine. |
Создание шаблонов в среде Visual Web Developer
В представлении конструирования перетащите элемент управления GridView на рабочую область конструирования.
Список задач элемента управления GridView отобразится рядом с новым элементом управления GridView.
В списке задач выберите команду Изменить шаблон, а затем — шаблон, который нужно изменить.
В окне Visual Web Developer отобразится элемент управления в режиме изменения шаблонов.
Добавьте в этот шаблон нужный текст HTML и серверные элементы управления.
Измените в шаблоне добавленные элементы управления одним из трех указанных ниже способов, так же, как другие серверные веб-элементы управления.
Выберите элемент управления и задайте его свойства в окне Свойства.
Привяжите данные к свойству с помощью диалогового окна Привязка данных. Дополнительные сведения см. в разделе Использование привязки данных с элементами управления ASP.NET для мобильных устройств.
Дважды щелкните встроенный элемент управления, в результате чего будет создан обработчик событий ItemCommand для контейнерного элемента управления. События, вызываемые встроенными элементами управления, пересылаются в контейнер. Дополнительные сведения см. в разделе Модель событий серверного веб-элемента управления ASP.NET.
Отредактируйте другие шаблоны, повторив шаги 1 — 3.
По завершении нажмите в списке задач кнопку Завершить изменение шаблона.
Настройте внешний вид отдельных шаблонов, устанавливая их свойства стилей. Дополнительные сведения см. в разделе Серверные веб-элементы управления ASP.NET и стили CSS.
См. также
Основные понятия
Шаблоны серверных веб-элементов управления ASP.NET