Для лучшего понимания данного урока рекомендуется просмотр данного видео файла.
Отчет вида "Side-by-side" представляет собой несколько независимых списков данных, расположенных рядом. Для того чтобы построить отчет вида "Side-by-side", необходимо выполнить следующие шаги:
1. | Запустить дизайнер; |
2. | Подключить данные: |
2.1. Создать Новое соединение (New Connection);
2.2. Создать Новый источник данных (New Data Source);
3. | Расположить компоненты Вложенный отчет (Sub-Report) на странице отчета. На рисунке снизу показано размещение компонентов Вложенный отчет (Sub-Report) на странице отчета: |
4. | Произвести редактирование компонентов Вложенный отчет (Sub-Report): |
4.1. Растянуть по высоте и ширине компоненты Вложенный отчет (Sub-Report);
4.2. Изменить значение свойств у компонентов Вложенный отчет (Sub-Report). К примеру, установить свойство Держать вложенный отчет вместе (Keep Sub-Report Together) в значение истина (true), если необходимо чтобы вложенный отчет держался вместе;
4.3. Изменить фон компонентов Вложенный отчет (Sub-Report).
На рисунке снизу показана страница шаблона отчета с отредактированными компонентами Вложенный отчет (Sub-Report):
5. | Перейти на "вложенные" страницы компонентов Вложенный отчет (SubReport1) и Вложенный отчет (SubReport2); |
6. | Добавить на вложенные страницы бэнды Данные (DataBand). К примеру, на "вложенную" страницу компонента Вложенный отчет (SubReport1) добавим бэнд Данные (DataBand1), а на "вложенную" страницу компонента Вложенный отчет (SubReport2) добавим бэнд Данные (DataBand2). На рисунке снизу показано размещение бэндов Данные (DataBand) на "вложенных" страницах отчета: |
7. | Произвести редактирование бэндов Данные (DataBand): |
7.1. выровнять по высоте бэнды Данные (DataBand);
7.2. Изменить значение свойств у бэндов Данные (DataBand). К примеру, у бэнда Данные (DataBand1) установить свойство Может разрываться (Can Break) в значение истина (true), если необходимо чтобы бэнд Данные (DataBand1) мог разрываться. У бэнда Данные (DataBand2) установить свойство Может расти (Can Grow) в значение истина (true), если необходимо чтобы бэнд Данные (DataBand2) мог расти;
7.3. Изменить фон бэндов Данные (DataBand);
7.4. При необходимости, включить Границы (Borders) у бэндов Данные (DataBand);
7.5. Изменить цвет границы.
8. | Указать источник данных у бэндов Данные (DataBand) используя свойство Источник данных (Data Source). К примеру, у бэнда Данные (DataBand1) укажем источник данных Customers, а у бэнда Данные (DataBand2) укажем источник данных Products: |
9. | На бэнде Данные (DataBand) следует расположить текcтовые компоненты с выражениями. Где выражение - это ссылка на поле данных. Например, на бэнде Данные (DataBand1) разместим два текстовых компонента с выражениями: {Customers.CompanyName} и {Customers.City}. На бэнде Данные (DataBand2) разместим два текстовых компонента с выражениями: {Products.ProductName} и {Products.UnitPrice}; |
10. | Произвести редактирование Текста (Text) и Текстового компонента (TextBox): |
10.1. Перетащить текстовый компонент в нужное место на бэнде Данные (DataBand);
10.2. Изменить параметры шрифта текста: размер, стиль, цвет;
10.3. выровнять текстовый компонент по высоте и ширине;
10.4. Изменить фон текстового компонента;
10.5. выровнять текст в текстовом компоненте;
10.6. Изменить значение свойств текстового компонента. К примеру установить свойство Перенос текста (Word Wrap) в значение истина (true), если необходимо чтобы текст переносился;
10.7. При необходимости, включить Границы (Borders) текстового компонента.
10.8. Изменить цвет границы.
На рисунке снизу показан шаблон отчета на "вложенных" страницах:
11. | Нажать на кнопку Просмотр (Preview) или вызвать окно Вьювера (Viewer), используя пункт меню Просмотр (Preview). На рисунке снизу показан построенный Side-by-Side отчет: |
Как видно из рисунка, генератор отчетов построил отчеты, которые располагались на "вложенной" странице, и разместил их на странице отчета вместо компонентов Вложенные отчет (Sub Report).
12. | Вернуться к шаблону отчета; |
13. | При необходимости добавить в шаблон отчета иные бэнды, к примеру, бэнд Заголовок данных (HeaderBand) на "вложенные" страницы отчета; |
14. | Произвести редактирование добавленных бэндов: |
14.1. выровнять по высоте бэнд Заголовок данных (HeaderBand);
14.2. Изменить значение свойств бэндов Заголовок данных (HeaderBand), если это необходимо;
14.3. Изменить фон бэнда Заголовок данных (HeaderBand);
14.4. При необходимости, включить Границы (Borders);
14.5. Изменить цвет границы.
На рисунке снизу показан шаблон отчета на "вложенных" страницах с бэндами Заголовок данных (HeaderBand):
15. | Расположить на данных бэндах текстовые компоненты с выражениями. Где выражения в текстовых компонентах на бэндах Заголовок данных (HeaderBand) будут являться заголовками данных; |
16. | Произвести редактирование текста и текстовых компонентов: |
16.1. Перетащить текстовый компонент в нужное место на бэнде;
16.2. Изменить параметры шрифта: размер, стиль, цвет;
16.3. выровнять текстовый компонент по высоте и ширине;
16.4. Изменить фон текстового компонента;
16.5. выровнять текст в текстовом компоненте;
16.6. Изменить значение свойств текстового компонента, если это необходимо;
16.7. При необходимости, включить Границы (Borders) текстового компонента;
16.8. Изменить цвет границы.
На рисунке снизу представлен отредактированный шаблон отчета на "вложенных" страницах с бэндами Заголовок данных (HeaderBand):
17. | Нажать на кнопку Просмотр (Preview) или вызвать окно Вьювера (Viewer), используя пункт меню Прeдварительный просмотр (Preview). На рисунке снизу показан построенный отчет с "вложенными" отчетами и заголовками данных: |
Добавление стилей
1. | Вернуться к шаблону отчета; |
2. | Перейти на вложенную страницу; |
3. | Выделить бэнд Данные (DataBand); |
4. | Изменить значения свойств Стиль четных строк (Even style) и Стиль нечетных строк (Odd style). Если значения данных свойств отсутствуют, то необходимо выбрать пункт Редактировать стили (Edit Styles) в списке значений данных свойств и при помощи Редактора Стилей (Styles Designer) создать новый стиль. На рисунке снизу представлено окно Редактора стилей (Styles Designer): |
Для начала работы в редакторе стилей, необходимо нажать кнопку Добавить стиль (Add Style) и в отобразившемся меню выбрать элемент отчета, для которого будет создаваться стиль: Компонент (Component), Диаграмма (Chart) или Кросс-таблица (Cross-Tab). В данном случае, это Компонент (Component). Для того чтобы изменить фон строки следует изменить значение свойства Brush.Color, где значение данного свойства и есть цвет фона строки. На рисунке снизу представлено окно Редактора Стилей (Style Designer) со списком значений свойства Brush.Color:
После того как значение свойства определено следует нажать кнопку Закрыть (Close). После этого в списке значений свойств Стиль четных строк (Even style) и Стиль нечетных строк (Odd style) появится новое значение, т.е. новый стиль четных и/или нечетных строк соответственно.
5. | Построить отчет нажав на вкладку Просмотр (Preview) либо вызвать Вьювер (Viewer) используя пункт меню Просмотр (Preview). На рисунке снизу показан построенный отчет с "вложенным" отчетом с различными стилями четных и нечетных строк: |