присоединяет обработчик клика для частей компонента с указанным классом CSS
webix.ui({
view:"list",
template:"#value# <div class='webix_remove_upload'>Del</div>"
onClick:{
"webix_remove_upload":function(ev, id){
this.remove(id);
return false; // блокирует стандартное поведение клика
}
}
});
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 }],
on:{
// поведение клика по умолчанию, которое верно для любой ячейки datatable
"onItemClick":function(id, e, trg){
webix.message("Click on row: " + id.row+", column: " + id.column)
}
},
// поведение клика для ячейки с кнопкой с классом 'delbtn'
onClick:{
"delbtn":function(e, id, trg){
webix.message("Delete row: "+id);
return false; // здесь он блокирует поведение по умолчанию
}
},
data:grid_data
});