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 open source html5 framework and page of javascript excel product.