Перейти к содержанию

KanbanItemField#

Позволяет отобразить поле из источника данных. Добавляется в KanbanItem, KanbanExtendedItem, KanbanGroup.

Свойства#

align#

тип знач. по умолч. допустимые значения
string left left, center, rigth

Выравнивание текста по гаризонтали.

dataField#

тип знач. по умолч. допустимые значения
string -

Имя поля для отображения.

flex#

тип знач. по умолч. допустимые значения
string -

Задает ширину поля (аналогично css-свойству flex), если контрол был помещен в KanbanGroup.

fontColor#

тип знач. по умолч. допустимые значения
string - css свойста color

Цвет текста.

fontSize#

тип знач. по умолч. допустимые значения
string 13px

Размер шрифта.

format#

тип знач. по умолч. допустимые значения
string ""

Задает форматирование отображаемых данных.Задается как для колонок format в ViewGridColumn

height#

тип знач. по умолч. допустимые значения
string 18px

Высота строки. Значение 'auto' задает автовысоту.

objectField#

тип знач. по умолч. допустимые значения
string -

Имя поля объекта (если необходимо оторазить справочник).

padding#

тип знач. по умолч. допустимые значения
string 2px

Задает внутренние отступы (аналогично css-свойству pаdding). Примеры: '3px', '0 3px', '0 3px 0 3px'.

textDecoration#

тип знач. по умолч. допустимые значения
string - none, underline, line-through, overline

Используется для задания декоративных эффектов для текста.

type#

тип знач. по умолч. допустимые значения
string string string, number, date, time, bigint

Тип колонки.

visible#

тип знач. по умолч. допустимые значения
bool true true/false

Видимость поля

whiteSpace#

тип знач. по умолч. допустимые значения
string nowrap normal, nowrap, pre, pre-wrap, pre-line, break-spaces

Определяет отображение пробелов и переносов строк. Аналогично css свойству white-space. По умолчанию 'nowrap' (весь текст отображается одной строкой, автоматические переносы отключены).

wordWrapEnabled#

тип знач. по умолч. допустимые значения
bool false true/false

Позволяет включить/выключить перенос слов. Устаревшее свойство (используйте свойство whiteSpace).

Коллбэки#

linkRenderer#

Позволяет задать ссылку. Входные параметры коллбэка:

Параметры
параметр тип описание
s Kanban ссылка на kanban
e object объект со свойствами:
e.args object аргументы события
e.args.rowData object ссылка на объект с данными для текущего KanbanItem

Для формирования ссылки обработчик должен вернуть объект следующей структуры:

Структура
параметр тип описание
url string адрес ссылки.
text string текст ссылки.
target string аттрибут ссылки, отвечающий за то, в какой вкладке открыть ссылку. Значение по умолчанию \_self. Принимает параметры аналогичные HTML свойству target элемента link(<a>), выполняет те же функции.

События#

clicked#

Срабатывает при клике на кнопку.

параметр тип описание
s Kanban экземпляр класса контрола
e object
e.rowData object данные контрола
1
2
3
4
5
6
s = Kanban {
    ... // экземпляр класса Kanban
},
e = {
    rowData: {... // объект с данными контрола}
}
Пример
<KanbanItemField ... clicked="test" />
1
2
3
4
test (s, e) {
    console.log('s', s)
    console.log('e', e)
}