Cannot fire event on second level of tree and above

[Javier A Aguilera]

Good afternoon,

I need some help with this control, the treeview, the event "nodeClicked" work perfectly in the first level of the tree, but I cannot make it work on second level or a level beyond that (3,4,5, etc), the event just doesnt trigger dont know why

Probably I'm missing something, can you help me with this please?

Here is my code

<ejs-treeview id="listdata" showCheckBox="true" nodeClicked="nodeChecked">
                    <e-treeview-fields dataSource="ViewBag.treeCatList" isChecked="isChecked" id="id" parentId="pid" text="name" hasChildren="hasChild"></e-treeview-fields>
                </ejs-treeview>

function nodeChecked(args) {
        var checkedNode = [args.node];
        if (args.event.target.classList.contains('e-fullrow') || args.event.key == "Enter") {
            var getNodeDetails = this.getNodeData(args.node);
            if (getNodeDetails.isChecked == 'true') {
                this.uncheckAll(checkedNode);
                $("div[data-s1='" + getNodeDetails.id + "']").css("display", "none");
            } else {
                this.checkAll(checkedNode);
                $("div[data-s1='" + getNodeDetails.id + "']").css("display", "block");
            }
        }
    }

----

Thanks for your hard work

[Sowmiya Padmanaban]

Hi Javier,  

 

Greetings from Syncfusion support. 

 

We have checked your reported problem with TreeView component. We are unable to reproduce it. NodeClicked event is triggered properly for inner level nodes . For your reference, we have prepared a sample using your code snippet. 

 

Refer the below screenshot. 

 

 

Refer the video link:  

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_5-27-2020_3.22.39_PM.mp4375595123.zip 

 

Refer the sample link below. 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication12041742079.zip 

 

Refer the below link to know more about the TreeView component. 

 

UG Documentation-https://ej2.syncfusion.com/aspnetcore/documentation/treeview/data-binding/?no-cache=1#self-referential-data 

 

Demo link-https://ej2.syncfusion.com/aspnetcore/TreeView/DefaultFunctionalities#/material 

 

API reference-https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Navigations.TreeView.html#Syncfusion_EJ2_Navigations_TreeView_NodeClicked 

 

If the issue still persist, can you please share the below details. It will help us to resolve your issue at the earliest. 

1.      Share the video footage for issue reproducing. 

2.      Exact use case for issue reproducing. 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya. P