Платформа 3V/Формы: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 10: Строка 10:
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта|<font style="color: #0645AD">Основные шаги создания формы объекта</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта|<font style="color: #0645AD">Основные шаги создания формы объекта</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Сохранение_(Кнопка_%27Сохранить%27)|<font style="color: #0645AD">Сохранение (Кнопка 'Сохранить')</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Сохранение_(Кнопка_%27Сохранить%27)|<font style="color: #0645AD">Сохранение (Кнопка 'Сохранить')</font>]]</div>
#<div style="color:#CC2200">Контроли/проверки при сохранении</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Контроли и проверки при сохранении|<font style="color: #CC2200">Контроли/проверки при сохранении</font>]]</div>
#<div style="color:#CC2200">Печатная форма в карточке объекта</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Печатная форма в карточке объекта|<font style="color: #CC2200">Печатная форма в карточке объекта</font>]]</div>
#<div style="color:#CC2200">Права доступа к элементам управления</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Права доступа к элементам управления|<font style="color: #CC2200">Права доступа к элементам управления</font>]]</div>
#<div style="color:#CC2200">Файловые ресурсы (вложения)</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Файловые ресурсы (вложения)|<font style="color: #CC2200">Файловые ресурсы (вложения)</font>]]</div>
#<div style="color:#CC2200">Расчеты в рамках карточки (с помощью методик и действий карточки)</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Расчеты в рамках карточки (с помощью методик и действий карточки)|<font style="color: #CC2200">Расчеты в рамках карточки (с помощью методик и действий карточки)</font>]]</div>
#<div style="color:#CC2200">Выполнение апи-функций</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Выполнение апи-функций|<font style="color: #CC2200">Выполнение апи-функций</font>]]</div>
#<div style="color:#CC2200">Вывод отчетов в карточку объекта</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Выполнение апи-функций|<font style="color: #CC2200">Вывод отчетов в карточку объекта</font>]]</div>
#<div style="color:#CC2200">Удаление элемента в отчете</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Удаление элемента в отчете|<font style="color: #CC2200">Удаление элемента в отчете</font>]]</div>
#<div style="color:#CC2200">Добавление элемента в отчете</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Добавление элемента в отчете|<font style="color: #CC2200">Добавление элемента в отчете</font>]]</div>
#<div style="color:#CC2200">Связанные отчеты (перестроение отчета/источника от выбранной строки другого отчета)</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма_объекта/Связанные отчеты|<font style="color: #CC2200">Связанные отчеты (перестроение отчета/источника от выбранной строки другого отчета)</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта/Согласование|<font style="color: #CC2200">Согласование</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта/Согласование|<font style="color: #CC2200">Согласование</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта/Выполнение действий при смене шага в согласовании|<font style="color: #0645AD">Выполнение действий при смене шага в согласовании</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Форма объекта/Выполнение действий при смене шага в согласовании|<font style="color: #0645AD">Выполнение действий при смене шага в согласовании</font>]]</div>
Строка 32: Строка 32:
  
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Реестр объектов|<font style="color: #CC2200">Основные шаги создания реестра объекта</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Реестр объектов|<font style="color: #CC2200">Основные шаги создания реестра объекта</font>]]</div>
#<div style="color:#CC2200">Фильтрация по выпадающему списку</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Фильтрация по выпадающему списку|<font style="color: #CC2200">Фильтрация по выпадающему списку</font>]]</div>
#<div style="color:#CC2200">Фильтрация по текстовому полю</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Фильтрация по текстовому полю|<font style="color: #CC2200">Фильтрация по текстовому полю</font>]]</div>
#<div style="color:#CC2200">Фильтрация по чекбоксу</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Фильтрация по чекбоксу|<font style="color: #CC2200">Фильтрация по чекбоксу</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Фильтрация_по_атрибуту_пользователя|<font style="color: #CC2200">Фильтрация по атрибуту пользователя</font>]]</div>
 
#<div style="color:#CC2200">[[Платформа_3V/Формы/Фильтрация_по_атрибуту_пользователя|<font style="color: #CC2200">Фильтрация по атрибуту пользователя</font>]]</div>
#<div style="color:#CC2200">Кнопка 'Применить фильтрацию'/'Найти'</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Кнопка 'Применить фильтрацию'/'Найти'|<font style="color: #CC2200">Кнопка 'Применить фильтрацию'/'Найти'</font>]]</div>
#<div style="color:#CC2200">Кнопка 'Cброс отметки'</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Кнопка 'Cброс отметки'|<font style="color: #CC2200">Кнопка 'Cброс отметки'</font>]]</div>
#<div style="color:#CC2200">Открытие карточки объекта (Кнопка 'Добавить')</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Открытие карточки объекта (Кнопка 'Добавить')|<font style="color: #CC2200">Открытие карточки объекта (Кнопка 'Добавить')</font>]]</div>
#<div style="color:#CC2200">Выгрузка в Excel</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Выгрузка в Excel|<font style="color: #CC2200">Выгрузка в Excel</font>]]</div>
#<div style="color:#CC2200">Печатная форма из реестра</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Печатная форма из реестра|<font style="color: #CC2200">Печатная форма из реестра</font>]]</div>
#<div style="color:#CC2200">Выбрать колонки реестра (Кнопка 'Скрыть колонки')</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Выбрать колонки реестра (Кнопка 'Скрыть колонки')|<font style="color: #CC2200">Выбрать колонки отчета (Кнопка 'Скрыть колонки')</font>]]</div>
 
</div>
 
</div>
 
</div>
 
</div>
Строка 50: Строка 50:
  
 
#<div>[[Платформа 3V/Формы/Дашборд/Гистограмма|<font style="color: #0645AD">Гистограмма</font>]] </div>
 
#<div>[[Платформа 3V/Формы/Дашборд/Гистограмма|<font style="color: #0645AD">Гистограмма</font>]] </div>
#<div style="color:#CC2200">Линейный график</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Линейный график|<font style="color: #CC2200">Линейный график</font>]]</div>
#<div style="color:#CC2200">Улитка</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Улитка|<font style="color: #CC2200">Улитка</font>]]</div>
#<div style="color:#CC2200">Круговая диаграмма</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Круговая диаграмма|<font style="color: #CC2200">Круговая диаграмма</font>]]</div>
#<div style="color:#CC2200">Линейная диаграмма</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Линейная диаграмма|<font style="color: #CC2200">Линейная диаграмма</font>]]</div>
#<div style="color:#CC2200">Область</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Область|<font style="color: #CC2200">Область</font>]]</div>
#<div style="color:#CC2200">Линейная диаграмма с областью</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Линейная диаграмма с областью|<font style="color: #CC2200">Линейная диаграмма с областью</font>]]</div>
#<div style="color:#CC2200">Область</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Область|<font style="color: #CC2200">Область</font>]]</div>
#<div style="color:#CC2200">Дерево</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Дерево|<font style="color: #CC2200">Дерево</font>]]</div>
#<div style="color:#CC2200">Диаграмма Ганта</div>
+
#<div style="color:#CC2200">[[Платформа_3V/Формы/Диаграммы/Диаграмма Ганта|<font style="color: #CC2200">Диаграмма Ганта</font>]]</div>
 
</div>
 
</div>
 
</div>
 
</div>

Версия 08:03, 15 июля 2021

Технический блок
  • Элементы (серверные)
  1. Текстовое поле
  2. Целочисленное поле
  3. Дробное поле
  4. Таблица
  5. Кнопка сохранения

_____________________________________________________________

Форма - это совокупность графических элементов интерфейса, обеспечивающих взаимодействие с пользователем и определяющих правила заполнения и отображения информации.

Форма состоит из:

- Клиентской части;

- Функциональной часть (серверная).


клиент. иконка.jpg

Клиентская часть формы

Клиентская часть формы представляет из себя набор визуальных элементов управления на стороне web-клиента и отвечает за создание и настройку визуального представления. Отвечает за отображение информации (расположение полей, типы отображаемых элементов управления и прочие визуальные компоненты)


серверная карточка. иконка.jpg

Серверная или функциональная часть формы

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


Взаимодействие клиентской и серверной частей

Взаимодействие осуществляется за счёт:

- привязки клиентской части к серверной;

- привязки визуальных элементов управления (клиентских) к элементам управления (серверным).

Схема взаимодействия приведена на рисунке ниже

Forms.Main.png















________________________________________________________________________________________________________________________