How to invoke a controller method on Node click

[Muhammad Tassadaque Zia]

Hi

I am trying to use treeview for redirection to different action based on the action assigned. I tried to use navigateUrl property but it is not working. Sample is attached. I couldn't find a sample in documentation also for this.

Attachment: RemoteData_d32dae7b.zip

[Muhammad Tassadaque Zia]

Is more clarity required to get the answer or I am missing something

[Christopher Issac Sunder K]

Hi Muhammad, 

Greetings from Syncfusion support. 

In the attached sample, you have declared the navigateURL directly inside the fields tag. So that it is not working properly. We have to define the navigateURL individually for each node (like id, parentID defined for each node). Please find the code snippet. 

// Controller part 

public string nodeURL { get; set; } 

TreeData.Add(new ParentNodeViewModel { nodeId = "01", nodeText= "Local Disk (C:)", expanded= true, hasChild= true, nodeURL="/Home/About" }); 

TreeData.Add(new ParentNodeViewModel { nodeId = "01-01", nodeText = "Program Files", hasChild = true, pid = "01", nodeURL= "https://ej2.syncfusion.com/demos/#/material/treeview/check-box.html" }); 

//view part 

<ejs-treeview id="tree"> 

    <e-treeview-fields navigateUrl="nodeURL" id="nodeId" parentId="pid" text="nodeText" hasChildren="hasChild" expanded="expanded"> 

        <e-data-manager url="/Treeview/GetAllData" adaptor="ODataV4Adaptor" crossDomain="true" offline="true"></e-data-manager> 

    </e-treeview-fields> 

</ejs-treeview> 

Sample : http://www.syncfusion.com/downloads/support/forum/144473/ze/RemoteData-1622559756 

  

Please check the above sample and get back to us if you need any further assistance. 

Thanks, 

Christo 

[Muhammad Tassadaque Zia]

Thanks It solved my issue