Low-code дизайнер > Приложения / Таблицы

Таблицы

Таблица – это особый тип поля, который можно использовать как в приложениях, так и в бизнес-процессах.  Добавив его на форму, вы сможете структурировать данные по строкам и колонкам, изменять их внешний вид и вставлять специальные формулы, которые будут выполнять расчеты.

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

Добавление таблицы на форму приложения

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

начало внимание

Добавлять и настраивать таблицы могут только пользователи, входящие в группу Администраторы.

конец внимание

Перетащите свойство Таблица с боковой панели на форму и задайте настройки:

таблица гиф

  • Название – придумайте название таблицы, которое сотрудники увидят на формах создания, просмотра и редактирования элемента приложения.
  • Код – код поля, использующийся при работе с API, сценариями, шаблонами.
  • Подсказка – В этом поле можно указать дополнительную информацию, например добавить описание или инструкцию. Это удобный способ помочь сотруднику правильно заполнить таблицу.
  • Представление -  Выберите вариант отображения таблицы:
    • Таблица – стандартное отображение данных в виде таблицы.
    • По шаблону – эту настройку удобно использовать при работе с большими таблицами. Не всегда требуется отображать всю информацию. Например, иногда достаточно показать только итоговую сумму, а все остальные строки можно скрыть. Для этого нужно настроить шаблон.

таблицы 1

В поле Шаблон укажите текст, который пользователь увидит на форме, например, «Всего заказов на сумму:».

Нажмите на значок {+} в конце строки, чтобы добавить итоговое значение одного из столбцов. Эта опция доступна если таблица уже создана и настроена. В противном случае вы сможете добавить в шаблон только количество строк в таблице.

  • Сделать один заголовок для всех вложенных таблиц – вы можете расположить одну таблицу внутри другой. При этом, по умолчанию в каждой новой строке вложенной таблицы будет отображаться её заголовок. Если вы хотите, чтобы заголовок  отображался только под названием колонки поставьте галочку напротив данной опции.  
  • Настройка таблицы – Нажав на ссылку, вы перейдете к настройкам отображения таблицы. Подробнее об этом вы можете прочитать ниже.

Настройка таблицы

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

Чтобы добавить колонку, в окне настройки таблицы нажмите на значок +.

таблицы 2

Выберите тип колонки: данные или формула.

  • Данные – такие колонки содержат данные только одного типа. Например, числа, адреса электронной почты или элементы приложения. Вы можете выбрать один из стандартных типов, используемых в  QuickBPM. Подробное описание каждого типа мы приводили в этой статье.  
  • Формула – эта опция доступна только для таких типов данных, как строка, деньги или число. Она позволяет задать формулу для вычисления значения в каждой строке колонки. Заполнить строки вручную нельзя. Формула может включать в себя константу, оператор, ссылки.

Константа – это фиксированное значение, представляющее собой число либо текст и не изменяющееся в процессе расчетов. Строковые константы записываются в двойных кавычках «».

Операторы предназначены для выполнения арифметических действий и возвращают числовое значение. Вы можете складывать, вычитать, умножать и делить числа, используя следующие операторы: +, -, *, /. Для задания приоритета математических операций используются круглые скобки ().

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

Колонка типа Данные

таблицы гиф 2

Чтобы создать колонку, внесите следующую информацию:

Отображаемое имя* – название колонки, которое будет отображаться на формах создания, просмотра и редактирования элемента приложения;

Имя свойства* – название свойства, использующееся при работе с API, сценариями, шаблонами. При необходимости имя свойства можно изменить;

Подсказка пояснительный текст или дополнительное описание, которое будет отображаться в виде всплывающей подсказки при наведении на заголовок колонки;

Тип* тип данных, содержащийся в колонке. Например, выбрав тип «Строка» вы сможете заполнить колонку любой текстовой информацией;

начало внимание

Важная особенность: выбрав тип данных строка, деньги или число, вы сможете вычислить итог по колонке. Для типов деньги и число можно посчитать сумму, максимум, минимум и среднее значение. Для типа строка вы сможете добавить надпись.

конец внимание

Колонка типа Формула

Для того, чтобы понять механизм создания формул, проиллюстрируем его простейшим примером.

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

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

Для этого нажмите на значок + и выберите тип Формула.

таблицы гиф 3

В открывшемся окне задайте настройки. Придумайте название, например, Общая стоимость.

В поле Формула нажмите на значок {+} в конце строки. В открывшемся списке вы увидите название других колонок таблицы и полей приложения. Выберите Количество (ссылка на вторую колонку) и Стоимость за ед. товара (ссылка на третью колонку). Чтобы перемножить значения второй и третей колонок, нужно добавить оператор *.  

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

начало внимание

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

конец внимание

Теперь, заполняя таблицу, сотрудник выберет товар и укажет нужное количество позиций, а стоимость рассчитается автоматически.

Пример настроенной таблицы

Как добавить в таблицу данные из другого приложения

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

Чтобы выполнить такую настройку, добавьте поле таблица на форму приложения Заказы. Затем в настройках таблицы создайте колонку Данные. В поле тип выберите приложение и добавьте ссылку на приложение Номенклатура. Имя колонки заполняется автоматически и совпадает с названием элемента приложения.  

таблицы 3

После сохранения на форме появится таблица, которая будет ссылаться на элементы приложения Номенклатура. Нажав на ячейку к колонке Позиция, сотрудник сможет выбрать нужный товар.

Информация о стоимости каждой позиции хранится в приложении Номенклатура. Её вносят туда сотрудники, когда добавляют новый товар. Получается у каждой позиции есть свойство Стоимость за единицу товара с уникальным значением. Добавив это свойство в колонку таблицы, вы избавите сотрудников от необходимости повторно вручную вводить стоимость товара и исключите возможные ошибки.

Выполнить эту настройку позволяет колонка типа Формула. В окне создания колонки > в поле формула нажмите на значок {+}. В выпадающем списке вы увидите названия других колонок и полей приложения.  Выберите Позиция (ссылка на первую колонку) > Стоимость за ед. товара (свойство).

таблицы 4

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

Пример настроенной таблицы

Настройки отображения

Вы можете изменять внешний вид таблицы. Для этого в режиме редактирования формы приложения найдите нужное поле и нажмите на ссылку Настройка таблицы.

таблицы 6

В открывшемся окне вы сможете менять настройки отображения таблицы: задать ширину колонок, применить заливку, поменять цвет шрифта, и т.д.

Ширина колонок  

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

таблицы 7

Чтобы скрыть заголовок и футер, нажмите на иконку слева от таблицы 23.png.

Заливка колонок, форматирование текста

Вы можете добавить сплошную заливку для колонок, а также изменять расположение, цвет текста, использовать подчеркивания, курсив и полужирный шрифт. Для этого нажмите на значок шестеренки 24.png рядом с названием колонки. В открывшемся окне переключайтесь между опциями, чтобы отформатировать текст, как вам нужно.  

таблицы 8

Удаление колонок

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

таблицы 9