Knockoutjs Demo

by SpAm

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">
<div class="container">


  
    
</div>

JavaScript

var ViewModel = function () {
  var self = this;
        var sampleData = [
            {
                siteName:"FooMe",
                nests:0,
                lastSubmission:"19-Aug-15",
                foos:[
                    "asd",
                    "sadasdasd"
                ]
            },
            {
                siteName:"FooMe1",
                nests:1,
                lastSubmission:"20-Aug-15",
                foos:[
                    "asd"
                ]
            },
            {
                siteName:"FooMe2",
                nests:0,
                lastSubmission:"19-Aug-15",
                foos:[
                    "asd",
                    "sadasdasd"
                ]
            },
            {
                siteName:"FooMe3",
                nests:1,
                lastSubmission:"20-Aug-15",
                foos:[
                    "asd"
                ]
            },
            {
                siteName:"FooMe4",
                nests:0,
                lastSubmission:"19-Aug-15",
                foos:[
                    "asd",
                    "sadasdasd"
                ]
            },
            {
                siteName:"FooMe5",
                nests:1,
                lastSubmission:"20-Aug-15",
                foos:[
                    "asd"
                ]
            },
        ];
  
  
  this.people = ko.observableArray(sampleData);
  this.startIndex = ko.observable(0);
  this.peopleSec = ko.computed(function(){
    return self.people().slice(self.startIndex(),self.startIndex()+2);
  });
  
  this.pages = ko.computed(function(){
    var array = [];
    var top = self.people().length / 2;
    for(var i=0;i<top;i++) {
      array.push(i);
		}
    
    return array;
  });
  
  
  this.next = function(){
    self.startIndex(self.startIndex()+2);
  }.bind(this);
  
  this.prev = function(){
    self.startIndex(self.startIndex()-2);
  }.bind(this);
  
  this.goToPager =...