Kendo UI

jQuery + Kendo UI + MockJax + Knockout

by dude_jsfiddle

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div 
         data-template="template3"
         data-bind="source: products"></div>
<script type="text/x-kendo-template" id="template3">
        # for (var y = 0; y < data.length; y++) { #
        <div data-role="listview"
             data-template="template"
             data-bind="source: data.at(#=y#)"></div>
        # } #
    </script>  
     <script type="text/x-kendo-template" id="template">
        <div class="product">
            <img src="#= Image #" alt="#: Name # image" style="height: 100px;" />
            <h3>#:Name#</h3>
        </div>
    </script>

JavaScript

var viewModel = kendo.observable({
     products: [
         new kendo.data.DataSource({
             Data: [{Image: "Image", Name: "Name"}]
         })
     ]
 });

        $(function() {
            kendo.bind($("#example"), viewModel);
        });