JSFiddle - React, Tailwind, and code Playground

by unklefolk

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.js"></script>
<select data-bind="options: Days, optionsText: 'title'">
    
</select>
<input type="button" value="update" data-bind="click: update" />

JavaScript

var Days = {'Days': [{"id":1,"title":"Yesterday"},{"id":2,"title":"Today"},{"id":3,"title":"Friday"}]};

var DaysUpdate = {'Days': [{"id":3,"title":"Friday"},{"id":4,"title":"Saturday"},{"id":5,"title":"Sunday"}]};

var mapping = {    
    'Days ': {        
        key: function(data) {            
            return ko.utils.unwrapObservable(data.id);        
        }    
}}

var viewModel = {
    Days: ko.observableArray(),
    update: function() {
        ko.mapping.fromJS(DaysUpdate, mapping, viewModel);
    }
}
    
ko.mapping.fromJS(Days, mapping, viewModel);


ko.applyBindings(viewModel);