JSFiddle - React, Tailwind, and code Playground
JavaScript
enyo.kind({
name:"ex.App",
components:[
{name:"list", kind:"List", count:10, onSetupItem:"setupItem", classes:"enyo-fit", components:[
{name:"cb", kind:"onyx.Checkbox", onchange:"cbChanged"},
{name:"label"}
]}
],
create:function() {
this.inherited(arguments);
this.items = [];
for (var i=0;i<10;i++) {
this.items[i] = {checked:false, label:"Item " + i};
}
},
setupItem:function(source, event) {
var i = this.items[event.index];
this.$.cb.setChecked(false);
this.$.label.setContent(i.label);
},
cbChanged:function(source, event) {
var i = event.index;
//this.items[i].checked = !this.items[i].checked;
this.$.list.renderRow(i);
}
});
new ex.App().renderInto(document.body);