Basic knockout

by smichelotti

HTML

<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.0.js"></script>
<ul id="tagList" data-role="listview" data-bind='template: {name:"tagsTemplate", foreach:tags}'></ul>
<script type="text/html" id="tagsTemplate">
    <li>
        <span data-bind="text: Name"></span>
    </li>
</script>

JavaScript

$(function() {
    var data = [{
        "Id": 1,
        "Name": "Transition"},
    {
        "Id": 2,
        "Name": "Passing"},
    {
        "Id": 3,
        "Name": "Ball Handling"},
    {
        "Id": 4,
        "Name": "Shooting"},
    {
        "Id": 5,
        "Name": "Team Offense"},
    {
        "Id": 6,
        "Name": "Team Defense"},
    {
        "Id": 7,
        "Name": "Rebounding"},
    {
        "Id": 8,
        "Name": "Defense"}];

    var viewModel = {
        tags: ko.observableArray(data)
    };
    ko.applyBindings(viewModel);


});