Splitter, Tree & Tabs

[shimmorilParticipant]

I need to combine the splitter, tree and tab controls in a way that I can’t find a demo for.

The splitter will contain an XML-populated tree on the left side, and a content area on the right. When an item in the tree is clicked, I need a new tab to open in the content area, displaying the appropriate data.

I’ve set up my tree and splitter on a base page, but I have some questions about integrating the tabs. I’ve figured out how to get the clicked item label (var item = $(‘#navTree’).jqxTree(‘getItem’, args.element); var treeLabel = item.label;), but I can’t figure out how to get the ID from the XML. I was hoping there would be something similar to the grid functionality ($(“#viewUsersGrid”).jqxGrid(‘getrowdata’, row)).ID), but if there is, I haven’t stumbled across it.

[Peter StoevKeymaster]

Hi shimmoril,

Unfortunately, there’s no such API in jqxTree at present. However, you can use the jqxDataAdapter’s records array to retrieve the ID.

Example:

var id = dataAdapter.records[0].uid;

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

How do I retrieve the ID for the specific row? You’ve got [0] there, can that be replaced with the tree id?

[Peter StoevKeymaster]

Hi shimmoril,

records is an array so to get the ID of a specific row, use its index:

id of the sixth row:

var id = dataAdapter.records[5].uid; 

id of the second row:

var id = dataAdapter.records[1].uid; 

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

Right, I understand that, but when I’m clicking on a tree item, how do I know what that item’s index is in the records array?

[Author]

Posts