Enyo fill list with button click

Enyo fill list with button click

HTML

<script type="text/javascript">
    new App().renderInto(document.body);
</script>

JavaScript

enyo.kind({
    name: 'App',
    kind: enyo.Control,
 components: [
	{kind: "List", fit: true, count: 100, onSetupItem: "setupItem", components: [
		{classes: "item", ontap: "itemTap", components: [
			{name: "name"},
			{name: "index", style: "float: right;"}
		]}
	]}

    ],
    tapload:function(inSender, inEvent){
        var data = ['item 1', 'item 2','item 3'];
        for (var i in data){
            if(i%2){
                this.$.listplaceholder.createComponent({index:i, style:'background-color:#AAA;', content:'list '+data[i]}); 
            }else{
                this.$.listplaceholder.createComponent({index:i, style:'background-color:#CCC;', content:'list '+data[i]}); 
            }                              
        }
        this.$.listplaceholder.render();
    }
    
    
});