Режимы выбора элементов Datatable

Вы можете задавать разные типы выделения в DataTable в зависимости от ваших нужд.

Доступные режимы:

  • cell - ячейка;
  • row - строка;
  • column - столбец;
  • multi cell - несколько ячеек;
  • multi row - несколько строк;
  • multi column - несколько столбцов;
  • выделение блока;
  • выделение области.

Режим "Выделение области" доступен для пользователей Webix PRO

Нужный тип устанавливается с помощью параметров select, multiselect, blockselect, и areaselect.

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

Таблица 1 Типы выделения
Типы выделения Параметры
одиночная ячейка
select:"cell"
одна строка
select:"row"
один столбец
select:"column"
несколько ячеек
select: "cell", multiselect: true
несколько строк
select: "row", multiselect: true
несколько столбцов
select: "column", multiselect: true
выделение блоком
select: "cell", multiselect: true, blockselect: true

Например, чтобы установить выделение несколькими строками, вам нужно написать следующее:

Выделение "multi row"

webix.ui({
    view:"datatable",
    select:"row",
    multiselect:true
});

Related sample:  Multi-Row Selection

Связанные методы

Таблица 2 Методы выделения
Метод Описание
clearSelection сбрасывает выбор
getSelectedId возвращает ID выбранных элементов
mapSelection проходит по выбранным ячейкам и выполняет для них функцию
moveSelection перемещает выделение в указанном направлении
select выбирает указанный элемент
selectRange выбирает указанный диапазон элементов
unselect отменяет выбор указанного элемента

Связанные события

Таблица 3 События выделения
Событие Описание
onAfterSelect срабатывает после того, как выбран элемент таблицы
onAfterUnSelect срабатывает после отмены выбора элемента
onBeforeSelect срабатывает перед выбором элемента
onBeforeUnSelect срабатывает перед тем, как выбор элемента будет отменен
onSelectChange срабатывает, когда в DataTable изменяется выбор элементов
Наверх
If you have not checked yet, be sure to visit site of our main product Webix web development library and page of javascript datatables product.