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