HTML Markup equivalent for "onClick"

Webix JS
1

The example: http://webix.com/demos/traders.html

has this javascript implementation where the column in the datatable will call the “remove” function when the icon “webix_icon” is clicked.

How can I declare this onClick in HTML Markup and process that selected row?

I’ve used this pattern with a select and radio widgets

data-options='json://{"foo":"bar"} '

But this “onClick” handler requires a function which is not acceptable JSON

`
var remove = function(){
console.log(‘remove’)
};

    var products = {
	id:"products",
	view:"datatable",
	columns:[
		{id:"trash", header:"&nbsp;", width:35, template:"<span style='cursor:pointer;' class='webix_icon fa-trash-o'></span>"}
	],
	onClick:{
		"webix_icon":remove
	}
};

`

2

Check the next snippet

http://webix.com/snippet/e5e8ec66

When you need to define a complex config object, you can use “config” tag

<div data-view="datatable">
  <config name="onClick" fa-trash-o="deleteRow"></config>

It will be translated to JSON object, in above case it will be

{ view:"datatable", onClick:{ fa-trash-o:"deleteRow" } }
3

Perfect! Thanks.

4

For those working w/ Meteor and HTML Markup, here’s a gist of how I got it working in that environment, it was a little different
https://gist.github.com/bartonhammond/fc2727c76eea6e23ae16