[mrplayqParticipant]

Similar to this but for a listbox not the grid!
https://www.jqwidgets.com/jqxgrid-with-checkbox-based-rows-selection/

Russell B.

[mrplayqParticipant]

I could not get the column mapping to work with the dataAdapter but instead, I got the default data binding to work by renaming my treeView model’s property names to “label”, “items”, “checked”, etc. And that was the trick, after that loading data from json worked like a charm!

Here’s my working javaScript code:

var loadJqxEcomTree = function () {
try {
var jsonData = jQuery.parseJSON(‘@jsonTreeArray’);
$(‘#treeView’).jqxTree({ source: jsonData, height: ‘480px’, hasThreeStates: true, checkboxes: true, width: ‘100%’ });
$(‘#treeView’).jqxTree(‘expandAll’);
return;
} catch (e) {
alert(e);
}
}

[mrplayqParticipant]

This works fine because the tree is loaded kinda statically in javascript.
Try loading it from a json array similar to my original post and let’s see if that works.
Thanks,
Russell B.

[mrplayqParticipant]

Hello Hristo,
I believe I’m using the right names like “label”, “items”, “checked”, etc. in my json array (please see my original post).
The issue remains that setting the “checked” property of an item to “true” in json loading the tree does not render that item as checked in the UI.
Please post a sample code if you think that works, or tell me what I’m doing wrong.
Thanks.
Russell B.

[Author]

Posts