JSFiddle - React, Tailwind, and code Playground

by lazyberezovsky

HTML

<ul data-bind="foreach: allItems">
    <li>
        <span data-bind="text: name"> </span>
    </li>
</ul>
 
<button data-bind="click: sortItems">Sort</button>

JavaScript

var ListSortModel = function () {

  // my items
    this.allItems = ko.observableArray([]); 
 
    // sorter
    this.sortItems = function() {
        this.allItems(this.allItems().sort(function(a, b) { return a.name > b.name;}));
    };
};

    var data = [{'name':'Denise'},{'name':'Charles'},{'name':'Bert'}];

    var viewModel = new ListSortModel();
    console.log(data);
    viewModel.allItems(data);
    ko.applyBindings(viewModel);