JSFiddle - React, Tailwind, and code Playground

by ipeshev

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="bind" with:$root.obs_arr>
    <div data-bind="multiinput : {}, with:$root.obs_arr"></div>
</div>
<script type="text/javascript">
    var viewModel = {
        obs_arr: ko.observableArray(['sss','ddd','fff','ggg'])
    };
    ko.applyBindings(viewModel,document.getElementById('bind'));
</script>

JavaScript

ko.bindingHandlers.multiinput = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        console.log(viewModel);
        console.log(bindingContext);
        
    },
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        // This will be called once when the binding is first applied to an element,
        // and again whenever the associated observable changes value.
        // Update the DOM element based on the supplied values here.
    }
};
ko.applyBindings(document.getElementById('bind'));