Computed Property

fiddle.html

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>
  window.JSCONSOLE = {
    contentWindow: this,
    contentDocument: document,
    console: document.getElementById('jsconsole')
  };
</script>
<script src="http://enyo-upandrunning.github.io/console.js"></script>
<script>
    _console.post("var rest = new RestaurantModel({\n    name: 'The French Laundry',\n    rating: 5\n});\n\nrest.get('starRating');");
</script>

fiddle.js

enyo.kind({
    name: 'RestaurantModel',
    kind: 'enyo.Model',
    attributes: {
        name: 'unknown',
        cuisine: 'unknown',
        specialty: 'unknown',
        rating: 0
    },
    computed: [
        { method: 'starRating', path: 'rating' }
    ],
    starRating: function() {
        var rating = this.get('rating');
        return rating + ' star' + ((rating == 1) ? '' : 's');
    }
});

fiddle.manifest

name: Computed Property
description: Shows how to use a computed property
authors:
  - Roy Sutton
resources:
  - http://enyo-upandrunning.github.io/console.css
normalize_css: no