Is it possible to build a tree where different branches lead to different things. For example:
var TreeRoot = [{ "Title": "Something", "Something's Children": [{}]}, { "Title": "Something Else", "Something Else's Children": [{}] }];
$("#tree").igTree({
dataSource: TreeRoot,
loadOnDemand: true,
dataSourceUrl: '/home/getdata',
bindings: {
textValue: 'Title',
childDataProperty: 'Something's Children',
binding: {
textValue: 'Children1'
...
},
childDataProperty: 'Something Else's Children',
textValue: 'Children2'
}
});
If I understand correctly, you are referring to JSON structure like this one, where ‘Something’ could be substituted with 'Food' and respectively ‘Something Else’ with 'Beverage'. Here the first branch leads to Food and the second to Beverage.
var data = [
{ Label: 'Food', Products: [
{ Name: 'Tuna Sandwich' },
{ Name: 'Fish' },
{ Name: 'Hamburger' }
]},
{ Label: 'Beverage', Products: [
{ Name: 'Coke' },
{ Name: 'Pepsi' }
]}];
Actually, here is an official documentation illustrating this approach in better detail.http://help.infragistics.com/Help/Doc/jQuery/2014.1/CLR4.0/html/igTree_Data_Binding.html What is more, I believe you may also find the online samples available at the official IgniteUI site to be helping you, when it comes to illustrating most of the available functionalities. http://www.igniteui.com/tree/overview
Please let me know how these suggestions work for you!
Actually, I meant witha JSON object like this:
{ 'Item': 'Tuna Sandwich' },
{ 'Item': 'Fish' },
{ 'Item': 'Hamburger' }
{ Label: 'Stores', 'Locations': [
{ 'Address': '123 Fake St.' },
{ 'Address': '987 Red Rd.' }
so the children of two different branches that are themselves on the same depth of the tree have entirely different children.
Hello Joey,
Thank you for your reply.
The igTree currently expects same schema data on each level therefore having multiple (conditional) bindings based on the json object's existing properties is currently not possible. This functionality has therefore been determined to be a new product idea. You can suggest new product ideas for future versions (or vote for existing ones) at <http://ideas.infragistics.com>.
There are many benefits to submitting a product idea:
- Direct communication with our product management team regarding your product idea.
- Notifications whenever new information regarding your idea becomes available.
- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.
- Allow you to shape the future of our products by requesting new controls and products altogether.
- You and other developers can discuss existing product ideas with members of our Product Management team.
Steps to create your idea:
1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).
2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!
The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
Thank you for contacting Infragistics.
Please feel free to contact me if you have any further questions regarding this matter.