Interface MeInputButtonAttrs

interface MeInputButtonAttrs {
    actions?: IMeAction[];
    addDollarSign?: boolean;
    addObjectButton?: IAddObjectButton;
    align?: string;
    applyValueOnSelectInMultiple?: boolean;
    authParams?: string;
    autoFocus?: boolean;
    autoSelect?: string;
    classes?: { button?: string };
    className?: string;
    clearable?: string;
    colors?: { button?: ButtonColor };
    confirmation?: IMeConfirmation;
    contextualClass?: string;
    copyBtn?: any;
    create?: boolean;
    disabled?: boolean;
    engine?: string;
    enterSubmit?: boolean;
    entityId?: string;
    exposeSelectedOptionKeys?: IMeElemBindAttrs[];
    fastViewObjectButton?: IEntityCardLink;
    folderId?: string;
    formInputName?: string;
    groupAddon?: IMeInputGroupAddon;
    icon?: string;
    info?: object;
    inline_elements?: boolean;
    inlineElements?: boolean;
    inlineLabel?: boolean;
    is_readonly_on_add?: boolean;
    is_readonly_on_edit?: boolean;
    isPrivate?: boolean;
    markup?: string;
    max?: number;
    maxHeight?: string;
    maxSizeMB?: number;
    maxTotalSizeMB?: number;
    mentio?: IMentio;
    min?: number;
    minSizeMB?: number;
    mode?: string;
    multiple?: boolean;
    native?: any;
    objectId?: string;
    options?: IMeInputOption[];
    pattern?: string;
    placeholder: string;
    popupWindowParams?: IPopupWindowParams;
    prepLegoForm?: IMeElemContainer;
    readonly?: boolean;
    refreshOptionsButton?: IRefreshOptionsButton;
    required?: boolean;
    rows?: number;
    scaleByContent?: boolean;
    searchText?: string;
    size?: "small" | "middle" | "large";
    sizes?: { button?: ButtonSize };
    step?: number;
    style?: string;
    styles?: { button?: CSSProperties };
    timePicker?: boolean;
    tooltip?: ITooltip;
    ttlInSec?: number;
    type: string;
    value?: string;
    valueMultiplier?: number;
    variants?: { button?: ButtonVariant };
    verticalColumns?: boolean;
    viewSize?: string;
    onBlur?(): any;
    onChange?(newVal?: any): any;
    onClick?(event: any): any;
    onDataLoad?(): any;
    onFocus?(): any;
}

Hierarchy (View Summary)

IMeInputAttrs
- MeInputButtonAttrs

Index

Methods

onBlur? onChange? onClick? onDataLoad? onFocus?

Properties

`Optional`actions

actions?: IMeAction[]

`Optional`addDollarSign

addDollarSign?: boolean

Когда количество некоторых инпутов 0, иногда нам приходится к 0 добавить $. Например: https://apps.devision.io/page?p=493c9084-85b8-4a00-a478-43ca056541a0&a=sp. Потенциальный доход денежный показатель и к нему надо добавить $

`Optional`addObjectButton

addObjectButton?: IAddObjectButton

Отрисовать кнопку добавления объекта. Элемент обязательно долэен иметь entityId

Input Types

[ select ]

Example

https://apps.devision.io/page?p=3577&a=35

`Optional`align

align?: string

Выравнивание текста

Enums

( left | right )

`Optional`applyValueOnSelectInMultiple

applyValueOnSelectInMultiple?: boolean

По умолчанию мульти контролы должны стараться не делать onChange при выборе значения, а дожидаться пока пользователь закончит, например уведя фокус или нажав Enter и пр. Этот параметр добавляется для случаев, когда value надо применять с каждым выбором

`Optional`authParams

authParams?: string

Настройки oauth2 подключения. Например: CryptService.encode(json.to({ scopes: [ "ads_management", "ads_read", "business_management", "manage_pages", "public_profile", "email" ], clientId: "meta_conf#api_proxy.facebook.client_id", clientSecret: "meta_conf#api_proxy.facebook.client_secret" }))

Link

https://apps.devision.io/page?p=4530&a=35

Input Types

[ oauth2 ]

`Optional`autoFocus

autoFocus?: boolean

Автофокус на элемент. Обычно добавляет активный курсор ввода на инпуте

Input Types

[ select, date, daterange ]

`Optional`autoSelect

autoSelect?: string

Автоматически выбрать элемент, если он не указан, а options есть

Enums

( none | first | if_only_one )

Default

none

`Optional`classes

classes?: { button?: string }

`Optional`className

className?: string

Имя CSS-класса, которое добавляется на контейнер контрола

`Optional`clearable

clearable?: string

Ультимативная установка параметра clearable. Важна для редактируемой таблицы. Работает не во всех типах me-input. auto - автоматически высчитывается элементом. Как правило, на основе параметра required yes - всегда показывать стиратель no - всегда скрывать стиратель

Enums

( auto | yes | no )

Default

auto

`Optional`colors

colors?: { button?: ButtonColor }

`Optional`confirmation

confirmation?: IMeConfirmation

`Optional`contextualClass

contextualClass?: string

Bootstrap value

Link

https://getbootstrap.com/docs/3.3/css/#tables-contextual-classes

Input Types

[ submit, button ]

`Optional`copyBtn

copyBtn?: any

Включает кнопку копирования для элемента. Обычно используется для textarea

`Optional`create

create?: boolean

Разрешить добавлять [[IMeInputAttrs.options]]

Input Types

[ select ]

`Optional`disabled

disabled?: boolean

Блокирует редактирование элемента

`Optional`engine

engine?: string

Определяет движок системы для oauth для oauth подключения. Это не ex_system, а именно engine, так как для одного engine - например google, может быть несколько ex_system

Input Types

[ oauth2 ]

`Optional`enterSubmit

enterSubmit?: boolean

Отправлять форму при нажатии Enter на элементе

Input Types

[code]

`Optional`entityId

entityId?: string

Для me-input type=attach id сущности объекта, к которому будет "приложен" медиафайл. Работает в паре с objectId и по сути представляет локатор на объект entity

Input Types

[ attach ]

`Optional`exposeSelectedOptionKeys

exposeSelectedOptionKeys?: IMeElemBindAttrs[]

Иногда для выбранного в me-input значение в env хочется сразу положить какой-то параметр из option-а Эта настройка как раз помогает реализовать этот случай source - это ключ данных option-а target - куда в env надо положить значение. Обработка спец. знаков "@", "[]")" в путях такая же как в depends и bindAttrs

exposeSelectedOptionKeys: [ { source: 'foreignEntityId', target: '@.foreignEntityId' } ]

`Optional`fastViewObjectButton

fastViewObjectButton?: IEntityCardLink

Отрисовать кнопку быстрого просмотра объекта

Input Types

[ select ]

Example

https://apps.devision.io/page?p=3577&a=35

`Optional`folderId

folderId?: string

Для me-input type=attach id папки в которую будет загружен файл

Input Types

[ attach ]

`Optional`formInputName

formInputName?: string

Устанавливает html имя для input

Input Types

[ searchbox ]

`Optional`groupAddon

groupAddon?: IMeInputGroupAddon

Дополнения инпута

Link

https://getbootstrap.com/docs/3.3/components/#input-groups-basic

`Optional`icon

icon?: string

Общая иконка у контрола

Input Types

[ menu-btn ]

`Optional`info

info?: object

Для me-input type=attach данные, которые без изменений будут записаны в поле info в БД к файлу

Input Types

[ attach ]

Например {"foo":"bar", "additionalInfo":{"myParam": 1}}

`Optional`inline_elements

inline_elements?: boolean

Передается в yaml файле и указывает на то, что элемент должен быть отрисован в виде inline элемента или нет

`Optional`inlineElements

inlineElements?: boolean

в checkbox-ах и radio элементы можно печатать слева направо или сверху вниз

`Optional`inlineLabel

inlineLabel?: boolean

Вывести label на одной строке с элементом Поддерживается не всеми типами

`Optional`is_readonly_on_add

is_readonly_on_add?: boolean

в смартформе убирает поле в режиме создания и разрешает редактирование в режиме редактирования

`Optional`is_readonly_on_edit

is_readonly_on_edit?: boolean

в смартформе разрешает редактирование поля в режиме создания и запрещает редактирование (делает поле disabled) в режиме редактирования

`Optional`isPrivate

isPrivate?: boolean

Файл будет доступен только для пользователя, работающего с api

Default

true

Input Types

[ attach ]

`Optional`markup

markup?: string

Формат разметки. Используется, в частности, в me-input type=static

Enums

( html | markdown | plaintext)

`Optional`max

max?: number

Валидатор Макс. число, кол-во текста, дата и пр. В зависимости от типа элемента

`Optional`maxHeight

maxHeight?: string

Например: 340px

Input Types

[menu]

`Optional`maxSizeMB

maxSizeMB?: number

Максимальный размер прикладываемого файла в мегабайтах. Работает maxUploadTotalSizeMB, maxUploadSizePerFileMB Применяется для кожного конкретного файла даже в multiple режиме. Если вам надо ограничить размер всей "пачки" на multiple, то используйте параметр maxTotalSizeMB.

Не может быть выше, чем общее ограничение maxUploadSizePerFileMB из конфигаруции меты.

Input Types

[ attach ]

`Optional`maxTotalSizeMB

maxTotalSizeMB?: number

Максимальный общий размер всех приложенных в me-input файлов в мебагайтах в режиме multiple. Для ограничения на каждый файл используйте параметр maxSizeMB.

Не может быть выше, чем общее ограничение maxUploadTotalSizeMB из конфигурации меты.

Input Types

[ attach ]

`Optional`mentio

mentio?: IMentio

Выпадающие подсказки при вводе

`Optional`min

min?: number

Валидатор Мин. число, кол-во текста, дата и пр. В зависимости от типа элемента

`Optional`minSizeMB

minSizeMB?: number

Минимальный размер прикладываемого файла в мегабайтах

Input Types

[ attach ]

`Optional`mode

mode?: string

mode JSON - используйте если у вас на вход и выход строка mode JSON_OBJECT - используйте если у вас на вход и выход объект

Enums

( JSON | JSON_OBJECT | HTML | SQL )

Input Types

[ code ]

`Optional`multiple

multiple?: boolean

Управляет настройкой возможности множественного выбора. Поддерживается не всеми типами

`Optional`native

native?: any

Передача нативных значений в контрол

Input Types

[ schedule ]

`Optional`objectId

objectId?: string

Для me-input type=attach id объекта, к которому будет "приложен" медиафайл. Работает в паре с entityId и по сути представляет локатор на объект entity

Input Types

[ attach ]

`Optional`options

options?: IMeInputOption[]

Элементы выпадающего списка, список кнопок и пр. то, что заполняет варианты выбора в me-input

`Optional`pattern

pattern?: string

Стандартный html валидатор

placeholder

placeholder: string

Выводит текст внутри текстового поля, который исчезает при получении фокуса Поддерживается не всеми типами

`Optional`popupWindowParams

popupWindowParams?: IPopupWindowParams

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

Input Types

[ oauth2 ]

`Optional`prepLegoForm

prepLegoForm?: IMeElemContainer

Передача доп. формы перед oauth подключением

Input Types

[ oauth2 ]

`Optional`readonly

readonly?: boolean

`Optional`refreshOptionsButton

refreshOptionsButton?: IRefreshOptionsButton

Если не null - то будет нарисована

Нарисовать кнопку перезагрузки списка options

Работает ТОЛЬКО с элементами содержащими refPvmData

Результат backend-запросов будет загружен на фронтенд (если не помечен как internal), но сейчас мы не ожидаем, что вы будете его использовать - это поведение может поменяться popup и пр. инструменты не будут работать

Input Types

[ select ]

Example

https://apps.devision.io/page?p=3597&a=35

`Optional`required

required?: boolean

Валидатор Определяет обязательность заполнения

`Optional`rows

rows?: number

Кол-во строк в элементах

Input Types

[ textarea ]

`Optional`scaleByContent

scaleByContent?: boolean

Автоматически масштабировать элемент от кол-ва вводимого текста Включено по умолчанию

Input Types

[ textarea ]

`Optional`searchText

searchText?: string

Передача куска текста который должен быть подсвечен В старом коде attrs.searchText должен был нужен для подсвечивания результата поиска. Однако и в старом коде он не работал с неизвестного момента.

Input Types

[ menu, search-result ]

`Optional`size

size?: "small" | "middle" | "large"

Размер элемента для тех элементов AntDesign, которые его поддерживают Должен прийти на замену viewSize

`Optional`sizes

sizes?: { button?: ButtonSize }

`Optional`step

step?: number

Шаг для инкремента/декремента для type=number Поддерживается не всеми типами

`Optional`style

style?: string

Стиль вывода контрола, если у него есть стиль Для menu-btn: list, dropdown

Input Types

[ menu-btn ]

`Optional`styles

styles?: { button?: CSSProperties }

`Optional`timePicker

timePicker?: boolean

Включает выбор час+минуты

Input Types

[date]

`Optional`tooltip

tooltip?: ITooltip

Стандартный мета-тултип Будет переведен на уровень [[IMeElem]]

`Optional`ttlInSec

ttlInSec?: number

Время жизни файла в секундах. Рекомендуется ставить для временных файлов, которые можно удалить после обработки. Файл стирается после наступления времени ttl в течение суток.

Input Types

[ attach ]

type

type: string

Enums

Default

text

`Optional`value

value?: string

Переименовать кнопку отправки формы

Input Types

[ me-submit ]

`Optional`valueMultiplier

valueMultiplier?: number

В некоторых таблицах деньги хранятся как int при этом умноженные на 1млн. или 10к. Этот атрибут управляет отображением данных, а так же влияет на параметры валидации. Например: В бд у вас 650 000 000, а так как ваше приложение умножает все на 100 000, то по факту у вас там записано 6500.00.

Чтобы в input-е все корректно отображалось, установите valueMultiplier=100000. Это позволит фронтенду работать понятно для пользователя, но хранить данные в env и отдавать данные на backend, понятно для backend-а.

Input Types

[ number ]

`Optional`variants

variants?: { button?: ButtonVariant }

`Optional`verticalColumns

verticalColumns?: boolean

Отрисовать секции [[IMeInputAttrs.options]] как колонки

Input Types

[ select ]

Example

https://apps.devision.io/page?p=3577&a=35

`Optional`viewSize

viewSize?: string

Стилизовать элемент под размер

Enums

( xs | sm | lg )

Deprecated

Плавно переходим на size

Methods

`Optional`onBlur

onBlur?(): any
Системное поле

Returns any
Inherited from IMeInputAttrs.onBlur
- Defined in src/main/webapp/app/react/src/_interfaces/elems/i.me-input.ts:507

`Optional`onChange

onChange?(newVal?: any): any
Системное поле
Parameters
- OptionalnewVal: any
Returns any
Inherited from IMeInputAttrs.onChange
- Defined in src/main/webapp/app/react/src/_interfaces/elems/i.me-input.ts:497

`Optional`onClick

onClick?(event: any): any
Системное поле Клик по элементу. Пока только для кнопок. Нужно, чтобы использовать лего, в системных местах, но иметь возможность отловить браузерные события
Parameters
- event: any
Returns any
Inherited from IMeInputAttrs.onClick
- Defined in src/main/webapp/app/react/src/_interfaces/elems/i.me-input.ts:492

`Optional`onDataLoad

onDataLoad?(): any
Системное поле Реальный элемент стартанул и загрузил данные. Используется в me-select для редактируемой таблицы

Returns any
Inherited from IMeInputAttrs.onDataLoad
- Defined in src/main/webapp/app/react/src/_interfaces/elems/i.me-input.ts:485

`Optional`onFocus

onFocus?(): any
Системное поле

Returns any
Inherited from IMeInputAttrs.onFocus
- Defined in src/main/webapp/app/react/src/_interfaces/elems/i.me-input.ts:502

Interface MeInputButtonAttrs

Hierarchy (View Summary)

Index

Properties

Methods

Properties

Optionalactions

OptionaladdDollarSign

OptionaladdObjectButton

Input Types

Example

Optionalalign

Enums

OptionalapplyValueOnSelectInMultiple

OptionalauthParams

Link

Input Types

OptionalautoFocus

Input Types

OptionalautoSelect

Enums

Default

Optionalclasses

OptionalclassName

Optionalclearable

Enums

Default

Optionalcolors

Optionalconfirmation

OptionalcontextualClass

Link

Input Types

OptionalcopyBtn

Optionalcreate

Input Types

Optionaldisabled

Optionalengine

Input Types

OptionalenterSubmit

Input Types

OptionalentityId

Input Types

OptionalexposeSelectedOptionKeys

OptionalfastViewObjectButton

Input Types

Example

OptionalfolderId

Input Types

OptionalformInputName

Input Types

OptionalgroupAddon

Link

Optionalicon

Input Types

Optionalinfo

Input Types

Optionalinline_elements

OptionalinlineElements

OptionalinlineLabel

Optionalis_readonly_on_add

Optionalis_readonly_on_edit

OptionalisPrivate

Default

Input Types

Optionalmarkup

Enums

Optionalmax

OptionalmaxHeight

Input Types

OptionalmaxSizeMB

Input Types

OptionalmaxTotalSizeMB

Input Types

Optionalmentio

Optionalmin

OptionalminSizeMB

Input Types

Optionalmode

Enums

Input Types

`Optional`actions

`Optional`addDollarSign

`Optional`addObjectButton

`Optional`align

`Optional`applyValueOnSelectInMultiple

`Optional`authParams

`Optional`autoFocus

`Optional`autoSelect

`Optional`classes

`Optional`className

`Optional`clearable

`Optional`colors

`Optional`confirmation

`Optional`contextualClass

`Optional`copyBtn

`Optional`create

`Optional`disabled

`Optional`engine

`Optional`enterSubmit

`Optional`entityId

`Optional`exposeSelectedOptionKeys

`Optional`fastViewObjectButton

`Optional`folderId

`Optional`formInputName

`Optional`groupAddon

`Optional`icon

`Optional`info

`Optional`inline_elements

`Optional`inlineElements

`Optional`inlineLabel

`Optional`is_readonly_on_add

`Optional`is_readonly_on_edit

`Optional`isPrivate

`Optional`markup

`Optional`max

`Optional`maxHeight

`Optional`maxSizeMB

`Optional`maxTotalSizeMB

`Optional`mentio

`Optional`min

`Optional`minSizeMB

`Optional`mode

`Optional`multiple

`Optional`native

`Optional`objectId

`Optional`options

`Optional`pattern

`Optional`popupWindowParams

`Optional`prepLegoForm

`Optional`readonly

`Optional`refreshOptionsButton

`Optional`required

`Optional`rows

`Optional`scaleByContent

`Optional`searchText

`Optional`size

`Optional`sizes

`Optional`step

`Optional`style

`Optional`styles

`Optional`timePicker

`Optional`tooltip

`Optional`ttlInSec

`Optional`value

`Optional`valueMultiplier

`Optional`variants

`Optional`verticalColumns

`Optional`viewSize

`Optional`onBlur

`Optional`onChange

`Optional`onClick

`Optional`onDataLoad

`Optional`onFocus