Kendo UI

jQuery + Kendo UI + MockJax + Knockout

HTML

<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.ui.core.min.js"></script>
<div class="container">
    <div id="template-container" data-template="template" data-bind="source: cars"></div>
    <script id="template" type="text/x-kendo-template">
        <div>
            <span data-bind="text: brand"></span> - 
            <span data-bind="text: mpg"></span> - 
            <span data-bind="text: lowestMpgMsg()"></span> - 
        </div>
    </script>
</div>

JavaScript

var viewModel = kendo.observable({
    cars: [
        {brand: "Toyota", mpg: 22},
        {brand: "Mini", mpg: 32},
        {brand: "Honda", mpg: 23}
    ],
    lowestMpgMsg: function(e) {
        var sorted = this.cars.sort(function(a, b) {
            return a - b > 0;
        });
        
        return e.Data.mpg > sorted[0] ? "no" : "yes";
    }
});

kendo.bind($("#template-container"), viewModel);