Kendo UI

jQuery + Kendo UI + MockJax

by burkeholland

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<script src="https://googledrive.com/host/0BxC7l0uoKsxyYWdHY0ZrMlNFVUU/kendo.repeater.js"></script>
<div id="repeater"></div>
  
<div id="container">
    <div data-role="repeater" data-source="dataSource" data-template="template"></div>
</container>
    
<script type="text/x-kendo-template" id="template">
    <div style="float: left; color: salmon; margin-right: 10px"><h1>#= data #</h1></div>
</script>

JavaScript

var dataSource = new kendo.data.DataSource({
    data: [ "item1", "item2", "item3" ]
});

kendo.bind($("#container"));

$("#repeater").kendoRepeater({
    dataSource: [ "item1", "item2", "item3" ]
});