onlick in webix code example

Example 1: onlick in webix

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 }
    ],
    // a click behavior for the cell with a button styled with 'delbtn' class
    onClick:{ 
        "delbtn":function(event, cell, target){
            webix.message("Delete row: "+cell.row); 
            return false; // here it blocks the default behavior
        }
    },
    data:grid_data
});

Example 2: onlick in webix

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},
        // more columns
    ]               
});

Tags:

Css Example