Как добавить компоненту “Контейнер кнопок” на страницу?
Постановка задачи: на пользовательской странице Карточка задачи требуется эргономично реализовать кнопки печати карточки задачи, карточки проекта, списка всех изменений по задаче. списка всех задействованных по задаче специалистов.
Решение задачи:
Предполагается, что страница Карточка задачи уже создана бизнес-аналитиком, визуальные компоненты с основными параметрами задачи и источник данных компоненты Форма настроен.
Для выполнения поставленных в задаче требований:
- в состав page добавить Горизонтальный контейнер и назвать его Кнопки (рис.1)

Рис.1 Добавление Горизонтального контейнера
- внутри горизонтального контейнера расположить компоненту “Контейнер с кнопками”, а также несколько простых компонент “Кнопка” (рис. 2)

Рис.2 Добавление компоненты Контейнер с кнопками и несколькообычных кнопок
- внутри компоненты “Контейнер с кнопками” расположить визуальные компоненты “Кнопка печати” для печати форм отчетов, определенных условиями задачи (рис. 3)
|
|
| Рис.3 Наполнение компоненты "Контейнер с кнопками" простыми визуальными компонентами "Кнопка печати" |
На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.
При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:
|
|
|
|
Рис. 4 Представление визуальных компонентов после использования компоненты "Контейнер с кнопками". Все возможности печати скрыты за объединяющей кнопкой. |
Рис. 5 Представление визуальных компонентов после использования компоненты "Контейнер с кнопками" с раскрытыми кнопками, предоставляющими заданные возможности распечатки отчетов.
|
Тот же самый набор возможностей печати без использования компоненты “Контейнер с кнопками” выглядел бы так:
|
|
|
|
Рис. 6 Все компоненты "Кнопка" последовательно расположены внутри "Горизонтального контейнера".
|
Рис. 7 Расположение визуальных компонентов в приложении без использования компоненты "Контейнер с кнопками". |
image2019-7-8_12-5-31.png (image/png)
image2019-7-8_12-36-8.png (image/png)
image2019-7-8_12-42-2.png (image/png)
image2019-7-8_12-45-21.png (image/png)
image2019-7-8_12-47-44.png (image/png)
image2019-7-8_12-53-13.png (image/png)
image2019-7-11_17-27-13.png (image/png)
image2019-7-11_17-30-5.png (image/png)
image2019-7-11_17-39-6.png (image/png)
image2019-7-11_17-45-28.png (image/png)
image2019-7-11_17-47-3.png (image/png)
image2019-7-11_17-59-10.png (image/png)
image2019-7-11_18-21-3.png (image/png)




