DataGrid.CoordUnderMouseChanged

Синтаксис

CoordUnderMouseChanged: function(sender, args);

Параметры

sender. Источник события;

args. Информация о событии.

Описание

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

Пример

Для выполнения примера необходимо наличие на html-странице компонента DataGrid с наименованием «grid» (см. «Пример создания компонента DataGrid»). Установим обработчик события CoordUnderMouseChanged:

// Устанавливаем обработчик события CoordUnderMouseChanged
grid.CoordUnderMouseChanged.add(function(sender, args) {
    // Получаем объект с параметрами события
    var e = args.Event;
    // Получаем объект с информацией о текущей позиции курсора мыши
    var currentCoordUnderMouse = grid.calcCoordUnderMouse(e);
    // Получаем объект с информацией о ячейке таблицы, в которой находится курсор мыши
    var coordInfo = grid.getCoordInfo(currentCoordUnderMouse);
    // Выводим в консоль браузера номер строки и наименование столбца, в область которого перемещен курсор
    console.log("Строка: " + currentCoordUnderMouse.rowIndex + " столбец: " + currentCoordUnderMouse.colIndex);
    // Выводим сообщение о том, в какой части таблицы находится курсор
    var coordInfoMessage = "";
    if (coordInfo.colHeader == true) {
        console.log("Курсор находится в области заголовка таблицы");
    } else {
        if (coordInfo.rowHeader == true) console.log("Курсор находится в области тела таблицы");
    }
});

Наведем курсор на строку 9 в столбце с наименованием «Идентификатор». В результате этого действия в консоли браузера будет выведена информация об этой ячейке:

Строка: 9 столбец: id

Курсор находится в области тела таблицы

См. также:

DataGrid