Практическое руководство. Создание шаблонов серверных веб-элементов управления с помощью конструктора

Visual Studio 2010

Обновлен: Ноябрь 2007

Серверные веб-элементы управления GridView, DetailsView, FormView, DataList, и Repeater позволяют задавать шаблоны, а также определять разметку и серверные элементы управления, в которых частично описан элемент управления. Например, в элементе управления GridViewможно определить шаблоны элементов, выделенных элементов, переменных элементов и т. д., то есть для каждого из этих элементов можно настроить собственный способ отображения.

В этом разделе описано создание шаблонов с помощью конструктора. Шаблон можно создать непосредственно в среде Visual Web Developer. Сведения о создании шаблонов с помощью синтаксиса ASP.NET см. в разделе Практическое руководство. Декларативное создание шаблонов веб-элемента управления ASP.NET. Дополнительные сведения о шаблонах см. в разделе Шаблоны серверных веб-элементов управления ASP.NET.

c9cbwsf3.alert_note(ru-ru,VS.100).gifПримечание.

Если шаблон редактируется с помощью конструктора, синтаксис привязки к данным в элементе HTML <textarea> шаблона будет иметь вид кода HTML. Например, если шаблон редактируется с помощью конструктора, строка <textarea id="TextArea1"><%# Eval("Description") %><textarea> будет автоматически заменена строкой <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>. В качестве альтернативы элемент HTML <textarea> можно вывести для просмотра, привязав элемент управления TextBox к полю данных, а затем присвоив свойству TextMode элемента управления TextBox значение MultiLine.

Создание шаблонов в среде Visual Web Developer

  1. В представлении конструирования перетащите элемент управления GridView на рабочую область конструирования.

    Список задач элемента управления GridView отобразится рядом с новым элементом управления GridView.

  2. В списке задач выберите команду Изменить шаблон, а затем — шаблон, который нужно изменить.

    В окне Visual Web Developer отобразится элемент управления в режиме изменения шаблонов.

  3. Добавьте в этот шаблон нужный текст HTML и серверные элементы управления.

  4. Измените в шаблоне добавленные элементы управления одним из трех указанных ниже способов, так же, как другие серверные веб-элементы управления.

  5. Отредактируйте другие шаблоны, повторив шаги 1 — 3.

  6. По завершении нажмите в списке задач кнопку Завершить изменение шаблона.

  7. Настройте внешний вид отдельных шаблонов, устанавливая их свойства стилей. Дополнительные сведения см. в разделе Серверные веб-элементы управления ASP.NET и стили CSS.

Показ: