Кнопки таблицы

Кнопки таблицы для настройки ее внешнего вида.

Библиотека компонентов:

http://n2oapp.net/framework/config/schema/table-settings-1.0

Базовые свойства

Атрибуты

Наименование	Тип	Описание
label	Строка	Заголовок
icon	Строка	Иконка элемента меню
description	Строка	Описание при наведении
src	Строка	React компонент региона
class	Строка	CSS класс региона
style	Строка	CSS стиль региона
color	primary secondary success danger warning info light dark link	Цвет кнопки. Возможно использование плейсхолдеров

note

При задании одного из атрибутов label, icon, description значения по умолчанию для всех них не будут применены

<columns>

Отобразить\скрыть выбранные столбцы таблицы

Атрибуты

Наименование	Тип	Описание
default-value	Строка	Список идентификаторов колонок (через запятую), которые отображаются по умолчанию
locked	Строка	Список идентификаторов колонок (через запятую), которые отображаются по умолчанию и их нельзя скрыть и передвинуть

Настройки

n2o.api.generate.button.columns.icon = fa fa-table
n2o.api.generate.button.columns.description = Скрытие столбцов

note

1. Колонки, указанные в locked, не нужно дублировать в default-value.
2. Порядок колонок в атрибутах не влияет на их фактическое расположение в таблице.
3. Чтобы в атрибутах locked или default-value сослаться на мультиколонку, ей необходимо явно задавать id в тэге <multi-column>.

Пример

<toolbar>
    <ts:columns default-value="name, region" locked="id"/>
</toolbar>

<export>

Экспортировать данные таблицы

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
format	Строка	Список доступных форматов (через запятую)	csv, xlsx
default-format	csv xlsx	Формат по умолчанию. Должен входить в список, указанный в format	csv
default-size	all page	Размер экспортируемых данных по умолчанию	all
default-charset	utf-8 cp1251	Кодировка по умолчанию	utf-8
show-modal	true false	Показывать модальное окно с параметрами или сразу скачивать файл со значениями по умолчанию	true

Настройки

n2o.api.generate.button.export.icon = fa fa-share-square-o
n2o.api.generate.button.export.description = Экспортировать
n2o.api.generate.button.export.page = exportModal
n2o.api.generate.button.export.url = n2o/export
n2o.api.generate.button.export.all_limit = 1000
n2o.api.generate.button.export.format = csv
n2o.api.generate.button.export.charset = utf-8
n2o.api.generate.button.export.size = all

note

При необходимости изменить внешний вид модального окна экспорта рекомендуется переопределить настройку n2o.api.generate.button.export.page, задав в качестве значения имя вашей страницы

Пример

<toolbar>
    <ts:export format="xlsx"/>
</toolbar>

<filters>

Отобразить\скрыть фильтры таблицы

Настройки

n2o.api.generate.button.filters.icon = fa fa-filter
n2o.api.generate.button.filters.description = Фильтры

Пример

<toolbar>
    <ts:filters/>
</toolbar>

<refresh>

Обновить таблицу

Настройки

n2o.api.generate.button.refresh.icon = fa fa-refresh
n2o.api.generate.button.refresh.description = Обновить

Пример

<toolbar>
    <ts:refresh/>
</toolbar>

<resize>

Изменить количество отображаемых данных в таблице

Атрибуты

Наименование	Тип	Описание
size	Строка	Варианты количества отображаемых записей (через запятую)

Настройки

n2o.api.generate.button.resize.icon = fa fa-bars
n2o.api.generate.button.resize.description = Количество записей

Пример

<toolbar>
    <ts:resize size="5,10,15"/>
</toolbar>

<word-wrap>

Перенести по словам текст в ячейках

Настройки

n2o.api.generate.button.wordwrap.icon = fa fa-exchange
n2o.api.generate.button.wordwrap.description = Перенос по словам
n2o.api.generate.button.wordwrap.action.param_key = textWrap

Пример

<toolbar>
    <ts:word-wrap/>
</toolbar>

<reset-settings>

Сбросить настройки к значениям по умолчанию

Настройки

n2o.api.generate.button.reset.icon = fa fa-times
n2o.api.generate.button.reset.description = Сброс к настройкам по умолчанию

Пример

<toolbar>
    <ts:reset-settings/>
</toolbar>