Index of array list

by Randy Crews

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<ul data-bind="foreach: itemList">
    <li>
        <input type="button" data-bind="click: $root.moveup" value="UP" />
        <input type="button" value="DWN" /><span data-bind="text: itemName"></span>
    </li>
</ul>

CSS

li {
    list-style: none;
    margin:5px;
}
li span {
    margin-left:10px;
}

JavaScript

function myAppViewModel() {
    var self = this;

   self.itemList = ko.observableArray([{
        itemName: "Item 1"
    }, {
        itemName: "Item 2"
    }, {
        itemName: "Item 3"
    }, {
        itemName: "Item 4"
    }]);


}
ko.applyBindings(new myAppViewModel());
//http://stackoverflow.com/questions/6926155/how-to-use-indexof-in-knockoutjs