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
]
});