RestaurantView

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'RestaurantView',
        components: [
            { name: 'name' },
            { name: 'cuisine' },
            { name: 'specialty' },
            { name: 'rating' }
        ],
        bindings: [
            { from: 'model.name', to: '$.name.content' },
            { from: 'model.cuisine', to: '$.cuisine.content' },
            { from: 'model.specialty', to: '$.specialty.content' },
            { from: 'model.rating', to: '$.rating.content' }
        ]
    });
    
    enyo.kind({
        name: 'RestaurantModel',
        kind: 'enyo.Model',
        attributes: {
            name: 'unknown',
            cuisine: 'unknown',
            specialty: 'unknown',
            rating: 0
        }
    });

    enyo.kind({
        name: 'MainView',
        components: [{ name: 'restaurant', kind: 'RestaurantView' }],
        bindings: [
            { from: 'model', to: '$.restaurant.model' }
        ],
        create: function() {
            this.inherited(arguments);
            this.set('model', new RestaurantModel({
                name: 'Orenchi',
                cuisine: 'Japanese',
                specialty: 'ramen'
            }));
        }
    });

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

fiddle.manifest

name: RestaurantView
description: A kind to display the RestaurantModel
authors:
  - Roy Sutton
normalize_css: no

Try it out on jsFiddle

From: Enyo: Up and Running by Roy Sutton