In a knockout environment, how can I add the function of the select event to the control such as,
<div data-bind="jqxTree:{source: [], select: $data.selectedItem }"></div>
All the demos are in a jquery selector format, and that doesn’t work well w context control.
I’ve tried overriding and expanding on the control, but that’s not working because I might be doing something wrong.
var originalJqxTreeInit = ko.bindingHandlers.jqxTree.init,
originalJqxTreeUpdate = ko.bindingHandlers.jqxTree.update;
ko.bindingHandlers.jqxTree = {
init: function (element, value, allBindings, viewModel) {
var wrappedValue = function () {
return function (data, event) {
ko.bindingHandlers.jqxTree.select.call(viewModel, data, event);
value().call(viewModel, data, event);
};
};
originalJqxTreeInit(element, wrappedValue, allBindings, viewModel);
},
update: originalJqxTreeUpdate,
select: function (event) {
var args = event.args,
item = $(args.element).jqxTree('getItem', args.element),
dropDownContent = '<div style="position: relative; margin-left: 3px; margin-top: 5px;">' + item.label + '</div>';
$(args.element).jqxDropDownButton('setContent', dropDownContent);
}
}
can someone point me in the right direction?