Styling jqxTree

[sthompsonParticipant]

My attempts at styling the CSS has been moderately successful, but I cannot seem to get it to look like this:
Image

Can someone help me to see if I can get the CSS to look similar to the image above with the jqxTree?

[HristoParticipant]

Hello sthompson,

I would suggest you look at this tutorial it could be useful.
Also, another option will be to use the TreeGrid with just one column.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[sthompsonParticipant]

I don’t think the link was included for the tutorial Hristo.

[HristoParticipant]

Hello sthompson,

I am sorry about the tutorial, please, take a look this:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtree/jquery-tree-styling-and-appearance.htm?search=tree
Please, take a look at this example:
https://www.jseditor.io/?key=jqxtreegrid-with-one-column

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[sthompsonParticipant]

In converting from the jqxTree to the jqxTreeGrid, we were previously using getItem and then using the element to keep the parents expanded on reload. I am having difficulties doing this in translating to the TreeGrid. Is there a similar “get” properly that also returns the element so that I can keep the parent nodes expanded on reload?

[HristoParticipant]

Hello sthompson,

If you start to use jqxTreeGrid you could bind to rowExpand event and there you could get information about which row is expanded.
Please, take a look at this example:

$('#treeGrid').on('rowExpand', function (event) {
    // event args.
    var args = event.args;
    // row data.
    var row = args.row;
    // row key.
    var key = args.key;
});

Again you could save value (ID) of the paren in one variable and when you wnat could expand with expandRow method.
For more information, please take a look at our API Documentation.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts