Advanced List Sample

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'ListSample',
        kind: 'List',
        count: 1000,
        items: [],
        handlers: {
            onSetupItem: 'setupItem'
        },
        components: [
            { name: 'text', kind: 'Input', ontap: 'tapped',
               onchange: 'changed', onblur: 'blur' }
        ],
        create: function() {
            this.inherited(arguments);
            for(var i = 0; i < this.count; i++) {
                this.items[i] = 'This is row ' + i;
            }
        },
        setupItem: function(sender, event) {
            this.$.text.setValue(this.items[event.index]);
            return(true);
        },
        tapped: function(sender, event) {
            this.prepareRow(event.index);
            this.set('$.text.value', this.items[event.index]);
            this.$.text.focus();
            return(true);
        },
        changed: function(sender, event) {
            this.items[event.index] = sender.getValue();
        },
        blur: function(sender, event) {
            this.lockRow();
        }
    });

    new enyo.Application({ name: 'app', view: 'ListSample' });
});

fiddle.manifest

name: Advanced List Sample
description: Demonstrating prepareRow() and lockRow() use with Lists
authors:
  - Roy Sutton
normalize_css: no