on_click

задает обработчик кликов для элемента по имени его CSS класса

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

• "on_click" не отменяет обработчики для кликов, определенные по умолчанию;
• Обработчики кликов по элементам компонента добавляются с помощью свойства объекта 'on.onItemClick';
• Для обработки кликов по кнопкам и иконкам Webix лучше использовать свойство click;
• Обработчик on_click используется, чтобы переопределить событие onclick по умолчанию прямо в конструкторе компонента:

 
grid = new 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; //блокируем обработчик onItemClick
};

Related sample:  Datatable: Custom Handler

Наверх