on_click

переопределяет обработку кликов по элементам компонента

EventHash on_click;

Example

webix.protoUI({
    name:"mylist",
    defaults:{
        template:"#value# <div class='webix_remove_upload'>Del</div>"
    },
    on_click:{
        "webix_remove_upload":function(ev, id){
            this.remove(id);
        }
    }
}, webix.ui.list);

Related samples

Details
  • "on_click" не отменяет обработчики для кликов, определенные по умолчанию;
  • Обработчики кликов по элементам компонента добавляются с помощью свойства объекта 'on.onItemClick';
  • Для обработки кликов по кнопкам и иконкам Webix лучше использовать свойство click;
  • Обработчик on_click используется, чтобы переопределить событие onclick по умолчанию прямо в конструкторе компонента:
 
grid = webix.ui({
    view:"datatable",
    columns:[
            { id:"rank", header:"", css:"rank", width:50 },
            { id:"title", header:"Film title", width:200 },
            {
                id:"",
                template:"<input class='delbtn' type='button' value='Delete'>",
                css:"padding_less",width:100
            }
    ],      
    on:{
        "onItemClick":function(id, e, trg){ 
            webix.message("Click on row: " + id.row+", column: " + id.column);
        }
    } //поведение клика по умолчанию, которое верно для любой ячейки datatable
});     
 
 
// поведение клика для ячейки с кнопкой с классом 'delbtn'
grid.on_click.delbtn = function(e, id, trg){
    webix.message("Delete row: "+id); 
    return false; //здесь он блокирует поведение по умолчанию
};

Related sample:  Datatable: Custom Handler

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix html5 ui library and page of list ui product.