Assign a value to each checkbox of a datatable...

Webix JS
1

I added a checkbox column to a datatable (via header data), but how can I assign each checkbox a value reflecting its row in the datatable?

/* var columnData = [ { id:"checkbox", header:{ content:"masterCheckbox" }, checkValue:"on", uncheckValue:"off", template:"{common.checkbox()}", width:46, footer:{ content:"rowCount" , colspan:6 } }, { id:resultData.columns[0].id, header:[resultData.columns[0].header], width:resultData.columns[0].width, sort:resultData.columns[0].sort, fillspace:1}, { id:resultData.columns[1].id, header:[resultData.columns[1].header], width:resultData.columns[1].width, sort:resultData.columns[1].sort, fillspace:1}, { id:resultData.columns[2].id, header:[resultData.columns[2].header], width:resultData.columns[2].width, sort:resultData.columns[2].sort, fillspace:1}, { id:resultData.columns[3].id, header:[resultData.columns[3].header], width:resultData.columns[3].width, sort:resultData.columns[3].sort, fillspace:1}, { id:resultData.columns[4].id, header:[resultData.columns[4].header], width:resultData.columns[4].width, sort:resultData.columns[4].sort, fillspace:1}, { id:resultData.columns[5].id, header:[resultData.columns[5].header], width:resultData.columns[5].width, sort:resultData.columns[5].sort, fillspace:1, footer:{ content:"avgColumn" } } ];

Can webix do this, or will I have to create a custom jquery function? Please advise.

2

You can use id of column, in your case id of checkbox column is “checkbox”, so you can define the related property in data object

var data = [{ checked:"on",  ... }, ... ]

And, of course you can change that data dynamically.

dtable.updateItem(id, { checked: "on" });
3

So… should data look like this:
data: [
{ checkbox:{checked:“on”},id:1, title:“The Shawshank Redemption”, year:1994, votes:678790, rating:9.2, rank:1, category:“Thriller”},
{ checkbox:{checked:“on”}, id:2, title:“The Godfather”, year:1972, votes:511495, rating:9.2, rank:2, category:“Crime”},
{ checkbox:{checked:“on”}, id:3, title:“The Godfather: Part II”, year:1974, votes:319352, rating:9.0, rank:3, category:“Crime”},
{ checkbox:{checked:“on”}, id:4, title:“The Good, the Bad and the Ugly”, year:1966, votes:213030, rating:8.9, rank:4, category:“Western”},
{ checkbox:{checked:“on”}, id:5, title:“Pulp fiction”, year:1994, votes:533848, rating:8.9, rank:5, category:“Crime”},
{ checkbox:{checked:“on”}, id:6, title:“12 Angry Men”, year:1957, votes:164558, rating:8.9, rank:6, category:“Western”}
]

Updating the item:
$$(‘checkbox’).updateItem(id, {checked:“on”} );

Please provide any corrections…

4

The data mut be

[{ checked:"on", id:6, title:"12 Angry Men"

name of property is the same as id of the column