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>
<script src="http://aligndev.radolo.com/js/radolo.common.js/fastclick.js"></script>
<div id='container'> <span data-bind='text:valor'></span>

    <textarea data-role='editor' data-bind='value:valor,events:{change:changed}' data-value-update="keyup"></textarea>
    <button data-bind='click:clickButton'>stop</button>
</div>

JavaScript

FastClick.attach(document.body);

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


 var vm = new kendo.observable({
     clickButton: function (e) {
         e.preventDefault();
         
         alert('stop');
         
     },
     changed: function(e){
         alert('changed');
     },
     valor: '23'
 });


 kendo.bind($container, vm);