Древовидный отчет

 

Для лучшего понимания данного урока рекомендуется просмотр данного видео файла.

 

Для того чтобы построить отчет со списком, необходимо выполнить следующие шаги:

 

1.Запустить дизайнер;
2.Подключить данные:

2.1. Создать Новое соединение (New Connection);

2.2. Создать Новый источник данных (New Data Source);

 

3.Разместить бэнд Дерево (HierarchicalBand) на странице шаблона отчета. На рисунке снизу показано размещение бэнда Дерево (HierarchicalBand) на странице шаблона отчета:

 

 

4.Произвести редактирование бэнда Дерево (HierarchicalBand):

4.1. выровнять по высоте бэнд Дерево (HierarchicalBand);

4.2. Изменить значение свойств у бэнда Дерево (HierarchicalBand). К примеру, установить свойство Может разрываться (Can Break) в значение истина (true), если необходимо чтобы бэнд Дерево (HierarchicalBand) разрывался;

4.3. Изменить фон бэнда Дерево (HierarchicalBand);

4.4. При необходимости, включить Границы (Borders) бэнда Дерево (HierarchicalBand);

4.5. Изменить цвет границы.

 

5.Указать источник данных у бэнда Дерево (HierarchicalBand) используя свойство Источник данных (Data Source):

 

 

6.На бэнде Дерево (HierarchicalBand) следует расположить текстовые компоненты с выражениями. Где выражение - это ссылка на поле данных. Например, разместим три текстовых компонента с выражениями: {Employees.LastName}, {Employees.City} и {Employees.Region};
7.Произвести редактирование Текста (Text)  и Текстового компонента (TextBox):

7.1. Перетащить текстовый компонент в нужное место на бэнде Дерево (HierarchicalBand);

7.2. Изменить параметры шрифта текста: размер, стиль, цвет;

7.3. выровнять текстовый компонент по высоте и ширине;

7.4. Изменить фон текстового компонента;

7.5. выровнять текст в текстовом компоненте;

7.6. Изменить значение свойств текстового компонента. К примеру установить свойство Перенос текста (Word Wrap) в значение истина (true), если необходимо чтобы текст переносился;

7.7. При необходимости, включить Границы (Borders) текстового компонента.

7.8. Изменить цвет границы.

На рисунке снизу показан шаблон древовидного отчета:

 

 

8.Указать значение свойства Ключевой столбец данных (KeyDataColum), т.е. выбрать колонку данных по которой будет присвоен идентификационный номер строки данных. В данном случае, выберем колонку данных EmployeeID:

 

 

9.Указать значение свойства Колонку данных с мастер-ключом (MasterKeyDataColum), т.е. выбрать колонку данных по которой будет определяться ссылка на первичный ключ таблицы родительской записи. В данном случае, выберем колонку данных ReportsTo:

 

 

10. Указать значение свойства Отступ (Indent), т.е. указать расстояние смещения подчиненной записи относительно родительской. В данном примере, значение свойства Отступ (Indent) будет равно 20 единицам измерения в отчете (сантиметры, дюймы, сотые дюймов, пиксели);

 

 

11. Указать значение свойства Главное значение (ParentValue), т.е. указать запись, которая будет являться родителем для всех строк. Если значение данного свойства не указано, то используется значение по умолчанию. По умолчанию, свойство Главное значение (Parent Value) установлено в null. В данном случае, значение свойства Главное значение (ParentValue) не указано, а значит используется значение по умолчанию:

 

 

12. Нажать на кнопку Просмотр (Preview) или вызвать окно Вьювера (Viewer), используя пункт меню Просмотр (Preview). После построения отчета, все ссылки на источники данных будут заменены данными из указанных источников. При чем данные будут браться последовательно из источника данных, который был указан для данного бэнда. Количество копий бэнда Данные (Data) в построенном отчете будет равно количеству строк в источнике данных. На рисунке снизу показан построенный древовидный отчет:

 

 

13. Вернуться к шаблону отчета;
14. При необходимости добавить в шаблон отчета иные бэнды, к примеру, Заголовок данных (HeaderBand);
15. Произвести редактирование добавленных бэндов:

15.1. выровнять по высоте бэнд Заголовок данных (HeaderBand);

15.2. Изменить значение свойств бэнда Заголовок данных (HeaderBand), если это необходимо;

15.3. Изменить фон бэнда Заголовок данных (HeaderBand);

15.4. При необходимости, включить Границы (Borders);

15.5. Изменить цвет границы.

На рисунке снизу показан шаблон древовидного отчета с бэндом Заголовок данных (HeaderBand):

 

 

16. Расположить на данном бэнде текстовые компоненты с выражениями. Где выражения в текстовых компонентах на бэнде Заголовок данных (HeaderBand) будут являться заголовками данных;
17. Произвести редактирование текста и текстовых компонентов:

17.1. Перетащить текстовый компонент в нужное место на бэнде;

17.2. Изменить параметры шрифта: размер, стиль, цвет;

17.3. выровнять текстовый компонент по высоте и ширине;

17.4. Изменить фон текстового компонента;

17.5. выровнять текст в текстовом компоненте;

17.6. Изменить значение свойств текстового компонента, если это необходимо;

17.7. При необходимости, включить Границы (Borders) текстового компонента;

17.8. Изменить цвет границы.

На рисунке снизу показан отредактированный шаблон древовидного отчета:

 

 

18. Нажать на кнопку Просмотр (Preview) или вызвать окно Вьювера (Viewer), используя пункт меню Прeдварительный просмотр (Preview). После построения отчета, все ссылки на источники данных будут заменены данными из указанных полей. На рисунке снизу показан построенный древовидный отчет с заголовком данных:

 

 

Добавление стилей

 

Изменить стиль компонента можно произведя условное форматирование компонента. Настройка условного форматирования производится при помощи свойства Условия (Conditions).Рассмотрим пример изменения стиля четных/нечетных строк при помощи условного форматирования текстовых компонентов. Для этого необходимо выполнить следующие шаги:

1.Вернуться к шаблону отчета;
2.Выделить компонент. В данном случае, текстовый компонент;
3.Вызвать окно Условия (Conditions). К примеру, нажав кнопку Условия (Conditions) на панели управления.
4.Для начала работы необходимо нажать кнопку Добавить условие (Add Condition) и в окне Условия (Conditions) отобразятся параметры условия и параметры форматирования. Условие может быть двух типов: Значение (Value) и Выражение (Expression). В данном случае, рассмотрим пример условия типа Выражение (Expression). На рисунке снизу представлено окно Условия (Conditions) с отображением параметров условия и форматирования:

 

 

5.Определить параметры условного форматирования. В данном случае, задать условие значит указать выражение, к примеру, Line % 2 == 1, а задать форматирование значит изменить фон, к примеру, нажав на кнопку Цвет фона (Back Color) и выбрав в выпадающем списке значений цвет фона.
6.Нажать кнопку Ok. Следует также отметить, что для того чтобы четные и нечетные строки имели разные стили, необходимо произвести условное форматирование каждого текстового компонента;
7.Построить отчет нажав на вкладку Просмотр (Preview) либо вызвать Вьювер (Viewer) используя пункт меню Просмотр (Preview). На рисунке снизу показан построенный древовидный отчет с различными стилями четных и нечетных строк: