onClick

присоединяет обработчик клика для частей компонента с указанным классом CSS

Example

webix.ui({
    view:"datatable",
    onClick:{
        "rank_header" : function  (event, column, target) {
            webix.message("Click on header");
        }
    },
    columns:[
        { id:"rank", header:{ css:"rank_header", text:"Click me!" }, width:100 },
        { id:"title", header:"Film title", width:200},
        // другие колонки
    ]
});

Related samples

• с помощью "onClick" можно задать обработчики для кликов по HTML-элементам внутри таблицы (напр. хедеры столбцов, иконки)
• обработчики в onClick могут заменить обработчики по умолчанию:

webix.ui({
    view:"datatable",
    columns:[
        { id:"rank",    header:"", css:"rank",  width:50},
        { id:"title",   header:"Film title",    width:200},
        { template:"<input class='delbtn' type='button' value='Delete'>", width:100 }
    ],
    // обработка кликов по иконкам с классом 'delbtn'
    onClick:{
        "delbtn":function(event, cell, target){
            webix.message("Delete row: "+cell.row);
            return false; // блокирует обработчики кликов по родительским элементам (напр. onItemClick)
        }
    },
    data:grid_data
});

Функции обработчиков в объекте onClick получают следующие параметры:

• event - нативное событие
• cell / column - объект ячейки или колонки, в которой кликнули; параметр зависит от того, где именно в колонке был клик: в основной части таблицы (объект cell со свойствами row ID и column ID) или в хедере/футере таблицы (объект column со свойством column ID)
• target - HTML-элемент, по которому кликнули

Обратите внимание на то, что обработчик из примера выше возвращает false. Это нужно, чтобы заблокировать дальнейшую обработку клика: события onBeforeSelect, onAfterSelect, onSelectChange, onItemClick для элемента таблицы. Проверить все связанные с кликом события можно подключив debug-версию библиотеки Webix.