Forums Ignite UI for ASP.NET MVC
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ray White
1215
Get parent tree node in nodeClick client event ASP.NET MVC
posted

How do you get the parent tree node in the nodeClick JavaScript event? And, where is the documentation source for this information?

Here is my tree with the nodeClick client event:

@(Html.Infragistics().Tree()
    .ID("FilterTree")
    .Bindings(b1 =>
    {
        b1
        .ValueKey("Value")
        .TextKey("Text")
        .ImageUrlKey("Base64ImageUrl")
        .ChildDataProperty("ChildItems");
    })
    .DataSource(Model.TreeListItems)
    .DataBind()
    .ClientEvents(new Dictionary<string, string> { { "nodeClick", "FilterTreeNodeClicked" } })
    .Render()
)

Here is my JavaScipt event:

function FilterTreeNodeClicked(evt, ui) {

    // This is NOT the tree node. Instead, it looks like a DOM element
    var ParentNode = $("#FilterTree").igTree("parentNode", ui.node.element);

    // I need the parent for ui.node

}

Parents
  • 640
    Offline posted

    Hello Ray,

    Thank you for posting in our community.

    This is an initial update to let you know that we have received your support request regarding how to get parent tree node in nodeClick client event in ASP.NET MVC and I am currently looking into this matter for you. I will keep you posted on my progress and I will get back to you soon with more information or questions for you.

    Please feel free to continue sending updates to this case at any time.

    Regards,
    Viktor Kombov
    Entry Level Software Developer
    Infragistics, Inc.

  • 640
    Verified Answer
    Offline posted in reply to Viktor Kombov

    Hello Ray,

    Thank you for your patience while I was looking into this matter for you.

    Indeed the parentNode method returns a jQuery node element. However, having this element, you can use the nodeFromElement method of igTree in order to get the node object of the parent:

    function FilterTreeNodeClicked(evt, ui) {
    var parentNodeElement = $("#tree").igTree("parentNode", ui.node.element);
    var parentNodeObject = $("#tree").igTree("nodeFromElement", parentNodeElement);
}

    I believe you will find the following documentation regarding the igTree control very helpful:

    - API reference

    - Help topics

    - Online samples

    Please do not hesitate to contact me if you need any further assistance with this matter.

    Regards,
    Viktor Kombov
    Entry Level Software Developer
    Infragistics, Inc.

Reply Children