Knockout Template

Knockout Template

by gurkavcu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.2/knockout.mapping.min.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); 
    
        
})