recursive binding tester

by grippstick

HTML

<link rel="stylesheet" href="http://babackofficedev.radolo.com/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://babackofficedev.radolo.com/Kendo/Styles/kendo.flat.min.css">
<script src="http://babackofficedev.radolo.com/Kendo/js/jquery.min.js"></script>
<script src="http://babackofficedev.radolo.com/Kendo/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://asaedev.radolo.com/kendo/styles/kendo.mobile.all.min.css">
<script src="http://asaedev.radolo.com/js/radolo.common.js/radolosimplepager.js"></script>
<div id='container'>
    <div data-bind='source:ds' data-template='tmpl'></div>
    <div data-role='simplepager' data-bind='source:ds'></div>
</div>
<script id="tmpl" type="text/x-kendo-template">
    <span data-bind='text:id'> </span>
</script>

JavaScript

var $container = $('#container');


var vm = new kendo.observable({
    ds: new kendo.data.DataSource({
        data: 
            [{
                id: 1
            }, {
                id: 2
            }, {
                id: 3
            }, {
                id: 4
            }, {
                id: 5
            }],
        pageSize:1
    })
});


kendo.bind($container, vm);