10.2.2. Шаблоны данных Шаблоны данных.

В WPF существует возможность использовать комбинацию свойств источника привязки для представления данных. Такая возможность обеспечивается с помощью шаблонов данных.

Шаблон данных (англ. Data Template) – это фрагмент кода XAML, задаваемый с помощью элемента DataTemplate, который определяет, как привязанный объект данных должен быть отображен.

Как и любой другой блок разметки XAML, шаблон данных может включать любую комбинацию элементов. Шаблон данных также должен включать одно или более выражений привязки, которые извлекают информацию для отображения.

Шаблоны данных поддерживают два типа элементов управления:

• Элементы управления содержимым (Label, TextBox и др.), поддерживающие шаблон данных через свойство ContentTemplate;

• Списочные элементы управления (ListBox, ComboBox, ListView и др.), которые поддерживают шаблоны данных с помощью свойства ItemTemplate.

Для элемента ListBox простейший шаблон данных может выглядеть следующим образом:

<ListBox Name="PersonsList"> <ListBox.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding Path=PersonName}" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox>

Подобно стилям, шаблоны данных часто объявляются как ресурс окна или приложения. Это позволяет повторно использовать шаблон данных в более чем одном элементе управления.

❒ Пример 10.2. Привязка и форматирование данных из документа XML в страничном приложении WPF.

Требуется доработать приложение со страничной навигацией, полученное в примере 9.1. Для этого добавим привязку таблиц (элементы DataGrid) и их отдельных столбцов к данным из XML-документа (приложение П.1). Данные по домам, квартирам и жильцам должны выводиться в табличной форме.

Код XAML-документа для страницы «квартиры» показан в листинге 10.7.

Добавим в приложение класс XMLObjectModel, который будет содержать набор статических методов для выполнения действий с XML-документом. Исходный код данного класса приведен в листинге 10.8.

Код присоединенного модуля на C# для страницы «квартиры» представлен в листинге 10.9.

Листинг 10.7. Код страницы ApartmsPage.xaml (квартиры)

Листинг 10.8. Исходный код класса XMLObjectModel

Листинг 10.9. Исходный код на C# (модуль ApartmsPage.xaml. cs)

Результат работы приложения WPF для загруженных страниц «квартиры» и «жильцы» показан на рис. 10.3 и 10.4. ❒

Рис. 10.3. Работа приложения WPF (страница «квартиры»)

Рис. 10.4. Работа приложения WPF (страница «жильцы»)

10.3. Порядок выполнения работы

Данная лабораторная работа предполагает выполнение следующих этапов:

1. Изучить методические указания к лабораторной работе.

2. Разработать приложение, которое позволяет модифицировать XML-документ, полученный в работе №8 из массива объектов. Данное приложение должно выводить данные по всем элементам, обеспечивать возможность редактирования данных, а также добавления и удаления элементов.

3. Доработать приложение со страничной навигацией из работы №3, добавив привязку таблиц (элементы DataGrid) и их отдельных столбцов к данным из XML-документа. При этом данные должны выводиться в табличной форме при загрузке соответствующих страниц приложения.

4. Оформить и защитить отчет по лабораторной работе.