How to set a link url or controller action in a tree childnode

Hi, I´m in a mvc .net project and I have no idea how to set the <a href> property tag in the <li> with the Json function, how can I change the ‘#’ in the href and the target?

My Cshtml have the tree menu like this elements:

<ul style=”” data-depth=”2″>

<li class=”ui-igtree-node ui-igtree-node-nochildren” data-path=”0_2_0″ data-value=”000000000000000000000000″ data-role=”node”>

<a href=”#” target=”_self” class=”ui-corner-all”>Lorem Ipsum dolor sit amet</a>

</li>

</ul>

I load the tree menu with a Json like this structure:

My Json is like:

$(function () {

var data = [];
$.post(“LoadMenuTree”, {}, function (menu, status) {
data = menu;

// Initialize igTree
$(“#tree”).igTree({
dataSourceType: “json”,
dataSource: data,
initialExpandDepth: 0,
bindings: {
textKey: “menu_string”,
valueKey: “id”,
childDataProperty: “menuDto”,
}

           });

      });
});

Hello Eduardo,

Thank you for posting into our community!

I have been looking into your question and what I could suggest in order to change the target attribute is setting the defaultNodeTarget option of the igTree. This option will set the default target attribute value for all node anchors. However, if you require the target attribute to be different for some nodes, what I could suggest is using the targetKey option.

Additionally, setting custom values for the href attribute could be achieved by using the navigateUrlKey option.

Here could be found a small sample demonstrating my suggestion. Please test it on your side and let me know if you need any further assistance regarding this matter.

Looking forward to your reply.

Sincerely,
Riva Ivanova
Entry Level Software Developer

Thnaks a lot, I´d resolve my issue with your tip 😉

Hello Eduardo,

I am glad that you find my suggestion helpful.

Thank you for using Infragistics components.

Regards,
Riva Ivanova
Entry Level Software Developer

Thank you for answering, you made my day. My issue was also resolved all because of you. I appreciate you mam.

To set a link URL or controller action in a tree child node:

1. JavaScript Framework: Use frameworks like jQuery or Vue.js to dynamically assign URLs to nodes.

2. HTML Structure: For static trees, use <a> tags within child nodes:

   <li><a href="/controller/action">Child Node</a></li>
   

3. Dynamic Rendering: In backend frameworks (e.g., ASP.NET, Django), generate tree nodes with URLs/actions during rendering.

4. Event Listeners: Attach click events programmatically to nodes to redirect to the desired URL.

I try first, then let you know..