Enyo Encapsulation

by Art Dahm

JavaScript

enyo.kind({
    name: "MyControl",
    kind: "enyo.Control",
    style: "width: 100px; margin: 10px auto",
    components: [
        {name: "Text", content: "Change me!"},
        {kind: "enyo.Button", content: "Press to change", ontap: "changeText"}
    ],
    
    changeText: function() {
        this.$.Text.setContent("I'm changed!");        
    }
});

enyo.kind({
    name: "App",
    components: [
        {kind: "MyControl", style: "background-color: Yellow;"},
        {kind: "MyControl", style: "background-color: Green;"}
    ],
});

new App().renderInto(document.body);