Knockout Template

Knockout Template

by gurkavcu

HTML

<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<script src="http://jquery-json.googlecode.com/files/jquery.json-2.2.min.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/knockout.mapping.js"></script>
<select data-bind="value: pageSize, options: page_sizes, optionsText: 'label', optionsValue: 'value' "></select>

JavaScript

function ViewModel() {

    this.page_sizes =  [{       
        value: 10,
        label: '10 Per Page'
    }, {        
        value: 25,
        label: '25 Per Page'
    }, {
        value: 50,
        label: '50 Per Page'
    }, {       
        value: 9999,
        label: 'All'
    }]; 
    
    this.pageSize = ko.observable(25);

};

$(function() {  
    
    var viewModel = new ViewModel();
    ko.applyBindings(viewModel); 
    
        
})