JSFiddle - React, Tailwind, and code Playground

by nveron

HTML

<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-1.2.1.debug.js"></script>

<span data-bind="click: addItem" > Add Item </span><br/><br/>

<div data-bind="foreach: items">
    <div>
        <span data-bind="text: Name" ></span> <br/>
    </div>            
</div>

JavaScript

/*
ko.bindingHandlers.position = {
                update: function (element, valueAccessor)
                {
                    alert('bla');
                    //vm.left($(element).position().left);
                    //vm.top($(element).position().top);
                }
            }; 

*/

var viewModelParent= function() { 
         this.Name = "qsdf";    
     this.items = ko.observableArray([]); 
     this.addItem = function() {
        this.items.push(new ChildItem("item "));
     }
} 
 
 var ChildItem= function(Name) { 
         this.Name = "qsdf";
     //this.Name = ko.observable(Name);  
     //this.left = ko.observable(0);  
     //this.top = ko.observable(0);  
     var self = this;
} 
 
var MyViewModel = new viewModelParent(); 

ko.applyBindings(MyViewModel);