JSFiddle - React, Tailwind, and code Playground

by yeuem1vannam

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<select data-bind="options: items, optionsText: 'name', value: selected"></select>
<span data-bind="text: selected().name"></span>

JavaScript

// What ever your view model
var viewModel = function () {};
// Items variable name
viewModel.prototype.items = [{id: 1, name: "Apple"}];
// Selected items variable name
viewModel.prototype.selected = ko.observable();
// Set items with data function
viewModel.prototype._setItems = function(data){
    this.items =ko.observableArray(data)
    this.selected = ko.observable();
}
var data = [{id: 1, name: "Apple" }, {id: 2, name: "Orange"}, {id: 3, name: "Banana"}];
var vm = new viewModel();
// Alias method
ko.applyBindingsA = ko.applyBindings;
// Rewrite this function
ko.applyBindings = function(vm, data){
    if (!!data) {vm._setItems(data)}
    this.applyBindingsA(vm);
};
// apply as normal
ko.applyBindings(vm, data);