Knockout binding for gijgo treeview with checkbox

I like the gijgo treeview with checkbox as its clean and neat and it solves the purpose of showing the hierarchy information. Check below link for documentation.

https://gijgo.com/tree/demos/bootstrap-treeview-checkbox

Since knockout.js is preferred for the front end development hence its needed to develop a knockout binding for this particular requirement.

The idea is to populate the hierarchy data from the backend and bind it to the custom knockout binding.

The user selects/un-selects some checkboxes and then hits the save button. the selected/unselected data is again sent back to the server for the save.

The below code is the usage of the control in jquery.

The function tree.getCheckedNodes() returns the array of selected checkboxes.

How would one call the above function from an knockout binding.

ko.bindingHandlers.tree = {
init: function (element, valueAccessor, allBindingsAccessor) {

        },

        update: function (element, valueAccessor, allBindingsAccessor) {
            var options = valueAccessor() || {};
            var value = ko.utils.unwrapObservable(valueAccessor());
            var tree = $(element).tree(value);

    };