HeaderDblClick: function(sender, args);
sender. Источник события;
args. Информация о событии.
Событие HeaderDblClick наступает при двойном щелчке по заголовку таблицы.
Для выполнения примера необходимо наличие на html-странице компонента DataGrid с наименованием «grid» (см. «Пример создания компонента DataGrid»). Установим обработчик события HeaderDblClick:
// Устанавливаем обработчик события HeaderDblClick
grid.HeaderDblClick.add(function() {
// Выводим в консоль браузера признак того, является ли заголовок таблицы фиксированным
var isFixed = grid.getIsFixedHeader() ? "да" : "нет";
console.log("Заголовок таблицы является фиксированным? " + isFixed);
// Получаем DOM-элемент, представляющий таблицу с ячейками заголовка
var headerTable = grid.getHeaderTable();
// Получаем DOM-элемент, представляющий заголовок первого столбца
var header = headerTable.getElementsByClassName("PPDGHeaderCell PPDGColHeader")[0];
// Получаем атрибут заголовка, представляющий стиль
var style = header.style;
// Устанавливаем цвет фона для заголовка первого столбца
style.backgroundColor = "#86B7FB";
});
Наведем курсор на центр заголовка таблицы и дважды щелкнем по нему. В результате этого действия для заголовка первого столбца таблицы был изменен цвет фона:
В консоли браузера было выведено следующее сообщение:
Заголовок таблицы является фиксированным? нет
Аналогичный результат может быть получен, если заменить в примере строки:
// Получаем DOM-элемент, представляющий таблицу с ячейками заголовка var headerTable = grid.getHeaderTable();
на следующий код:
// Получаем контейнер заголовка
var headerContainer = grid.getHeaderContainer();
// Получаем DOM-элемент, представляющий таблицу с ячейками заголовка
var headerTable = headerContainer.getElementsByClassName("PPDG")[0];
См. также: