SO - Knockout.js + JSTree w/ AJAX

http://stackoverflow.com/questions/8715412/knockout-and-jstree-not-rendering-properly/8721284#8721284

HTML

<script src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"></script>
<div id="navigation">
    <ul class="treeview" data-bind="foreach: partTypes">
        <li>
            <a href="#" data-bind="text: name"></a>
        </li>
    </ul>
</div>

JavaScript

$(document).ready(function() {

    function treeNode(name) {
        var self = this;
        self.name = ko.observable(name);
    }

    function partsViewModel() {
        var self = this;

        self.partTypes = ko.observableArray([]);


        $.getJSON("/echo/jsonp", {
            home: "Home",
            about: "About Me"
        }, function(allData) {

            self.partTypes($.map(allData, function(item) {
                return new treeNode(item);
            }));

            $("#navigation").jstree({
                "themes": {
                    "theme": "classic"
                },
                "plugins": ["themes", "html_data"]
            });
        });

    }

    ko.applyBindings(new partsViewModel());


});